diff --git a/.github/workflows/eslint-analysis.yml b/.github/workflows/eslint-analysis.yml new file mode 100644 index 0000000..68f1c7b --- /dev/null +++ b/.github/workflows/eslint-analysis.yml @@ -0,0 +1,33 @@ +name: ESLint Check + +on: + push: + branches: + - '**' # This will match all branches + paths: + - "force-app/**" + + pull_request: + branches: + - '**' # This will match all branches + paths: + - "force-app/**" + +jobs: + eslint: + runs-on: ubuntu-latest + + steps: + - name: Checkout code + uses: actions/checkout@v2 + + - name: Setup Node.js + uses: actions/setup-node@v2 + with: + node-version: '20' + + - name: Install dependencies + run: npm install --legacy-peer-deps + + - name: Run ESLint + run: npm run lint \ No newline at end of file diff --git a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.css b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.css index 66fdfbb..624c5d5 100644 --- a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.css +++ b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.css @@ -106,4 +106,114 @@ th { .slds-card__header { padding-top: 0px; -} \ No newline at end of file +} + +.mainwrapper { + position: relative; +} + +.button-short { + line-height: inherit; +} + +.toastMessage.forceActionsText { + white-space: pre-line !important; +} + +.dataSpinnerHolder { + position: relative; + display: inline-block; + margin-left: 30px; + vertical-align: middle; + white-space: nowrap; +} + +.pageSpinnerHolder { + position: absolute; + min-height: 180px; + min-width: 180px; + z-index: 100; +} + +.applistscrollwrapper { + width: 100%; + overflow-y: auto; + max-height: 60vh; +} + +.virtualapplistscrollwrapper { + width: 100%; + overflow-y: auto; + border-top: red solid 4px; + max-height: 60vh; +} + +.tablehorizontalscroll { + width: max-content; +} + +.tablenohorizontalscroll { + width: auto; + min-width: 100%; +} + +.relatedlistscrollwrapper { + width: 100%; + min-height: 80px; + max-height: 300px; + border-bottom: 1px solid #ddd; + border-left: 1px solid #ddd; + overflow: auto; +} + +.relatedlistdisplayallwrapper { + width: 100%; + min-height: 80px; + border-bottom: 1px solid #ddd; + border-left: 1px solid #ddd; + overflow: auto; +} + +.splitviewscrollwrapper { + width: 100%; + min-height: 80px; + max-height: 67vh; + border-bottom: 1px solid #ddd; + border-left: 1px solid #ddd; + overflow: auto; +} + +.splitviewobjectlistdropdown { + width: 100%; + padding-bottom: 5px; + padding-left: 5px; + padding-right: 5px; +} + +.regularobjectlistdropdown { + min-width: 20%; + padding-left: 5px; + padding-right: 5px; +} + +.splitviewlistviewdropdown { + width: 70%; + padding-left: 5px; +} + +.regularlistviewdropdown { + min-width: 20%; +} + +thead th { + position: sticky; + top: 0; +} + +th { + z-index: 1; +} + +.slds-card__header { + padding-top: 0px; +} diff --git a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.html b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.html index 07ee1c4..20dffdb 100644 --- a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.html +++ b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.html @@ -682,9 +682,11 @@

- diff --git a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.js b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.js index c0d1045..5390cb3 100644 --- a/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.js +++ b/force-app/main/default/lwc/simpliUIListViews/simpliUIListViews.js @@ -7,8 +7,6 @@ import { subscribe, unsubscribe, publish, APPLICATION_SCOPE, MessageContext } fr import { encodeDefaultFieldValues } from 'lightning/pageReferenceUtils'; import currentUserId from '@salesforce/user/Id'; import * as SLVHelper from 'c/simpliUIListViewsHelper'; - - import Rows from '@salesforce/label/c.Rows'; import Selected from '@salesforce/label/c.Selected'; import Select_Action from '@salesforce/label/c.Select_Action'; @@ -31,7 +29,6 @@ import Reset_All_Data from '@salesforce/label/c.Reset_All_Data'; import Save_Row_Data from '@salesforce/label/c.Save_Row_Data'; import Search_List_Dot from '@salesforce/label/c.Search_List_Dot'; import Reset_Row_Data from '@salesforce/label/c.Reset_Row_Data'; - import hasModifyAll from '@salesforce/apex/ListViewController.hasModifyAll'; import hasEnterprise from '@salesforce/apex/ListViewController.hasEnterprise'; import getListViewObjects from '@salesforce/apex/ListViewController.getListViewObjects'; @@ -50,13 +47,10 @@ import getListViewId from '@salesforce/apex/ListViewController.getListViewId'; import updateRecord from '@salesforce/apex/ListViewController.updateRecord'; import updateRecords from '@salesforce/apex/ListViewController.updateRecords'; import getListViewConfigParameter from '@salesforce/apex/ListViewController.getListViewConfigParameter'; - import { loadScript } from 'lightning/platformResourceLoader'; import JSPDF from '@salesforce/resourceUrl/JSPDF'; import JSPDF_AUTO_TABLE from '@salesforce/resourceUrl/JSPDF_AUTOTABLE'; - export default class simpliUIListViews extends NavigationMixin(LightningElement) { - //----------- //API FIELDS //----------- @@ -95,7 +89,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @api displayAllRelatedRecords = false; //Related List View Mode Only: Indicates whether all records should be displayed or scrolling should be used. @api objectList = undefined; //holds the list of objects from which a user can choose one. @api listViewList = undefined; //holds the set of list views for the chosen object - @api set actionList(value) //if in STANDALONE or VIRTUAL mode used when passing actions directly into the component { this.objectActionList = value; @@ -105,7 +98,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) get actionList() { return this.objectActionList; } - @api columnData; //DEPRECATED _rowData; @api set rowData(value) //if in STANDALONE or VIRTUAL mode used when passing data rows directly into the component @@ -115,7 +107,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) get rowData() { return this._rowData; } - @api set recordId(value) //used when component on standard record page. Record page injects record id into component. { this.relatedRecordId = value; @@ -133,7 +124,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) get singleListViewObject2() { return this.singleListViewObject; } - @api set singleListViewApiName2(value) //used where orgs are HUGE and singleListViewApiName needs to be entered manually. { this.singleListViewApiName = value; @@ -148,9 +138,8 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) get joinCriteria() { return this.joinData; } - @api set canReprocess(value) { - + console.log('canReprocess= ', value); } get canReprocess() { if (SLVHelper.toBool(this.displayReprocess) === true && this.isCoreListView @@ -159,7 +148,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) } return false; } - @api eventRequest(requestData) { if (this.hasEnterprise && requestData !== undefined && requestData !== '') { console.log('Event request received (' + this.eventCount + ') - ' + JSON.stringify(requestData)); @@ -168,19 +156,16 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) console.log('Empty event request'); } } - //--------------- //GET FIELDS //--------------- get hasTitle() { return SLVHelper.toBool(this.hasMainTitle); } get isNoSorting() { return SLVHelper.toBool(this.noSorting); } - //--------------- //TRACKED FIELDS //--------------- @track isCoreListView = false; @track isCustomListView = false; - @track isModeSplitView = false; //indicates whether the current mode is SPLIT_VIEW @track isModeRelatedRecord = false; //indicates over and above being a related list view whether the page is a RECORD PAGE @track isModeRelated = false; //indicates whether the current mode is RELATED LIST VIEW @@ -188,7 +173,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @track isModeApp = false; //indicates whether the current mode is APP PAGE @track isModeSingleObject = false; //indicates whether the current mode is SINGLE OBJECT. This displays list views from a single specified object @track isModeStandAlone = false; //indicates whether the current mode is STANDALONE. This indicates that data is passed into the component at initialization - @track listviewdropdownstyle = 'regularlistviewdropdown'; @track objectlistdropdownstyle = 'regularobjectlistdropdown'; @track listwrapperstyle = 'applistscrollwrapper'; @@ -242,7 +226,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @track headerCanWrap = false; //indicates whether the header row can wrap @track calloutCount = 1; //indicates the number of callouts made for this component @track eventCount = 0; //indicates the number of events requested by the enterprise user - @track showQuickDataModal = false; //indicates whether the quick data modal should be displayed @track quickDataHeading = 'Test Heading'; @track quickDataFieldType = 'richtext'; @@ -253,11 +236,9 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @track quickDataObjectName; @track quickDataComponentId; //the HTML field name that called the quick data modal. Used to set the focus back on the component @track quickDataOldFieldValue; - @track offset = -1; @track rowLimit = -1; @track refreshRate = ''; //the refresh rate in seconds if the list view is auto refreshing. - //for handling hover changes @track hoverSFDCId; @track hoverAPIName; @@ -266,26 +247,21 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @track hoverPositionLeft; @track hoverPositionTop; hoverErrorTypes = ''; //holds those types for which an error is returned when attempting to create the popover - //for handling column width changes @track mouseStart; @track oldWidth; @track parentObj; @track mouseDownColumn; - //for handling sorting @track listViewSortData = new Map(); @track columnSortData = new Map(); @track columnSortDataStr = ''; - //for type-ahead functionality for searching list views @track whereClauseListView; @track whereClauseObject; - //for handling edited records updatedRowData = new Map(); rowDataStr = ''; - //for tracking list view init process @track isInitialized = true; //indicates whether the list views have been initialized for the first time or not. @track isInitializedCheck = false; //indicates whether the list views have been initialized BY THE ADMIN @@ -293,39 +269,31 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) @track batchId = ''; //indicates the batch Id of the list view batch process. @track isInitializing = true; //indicates whether we are initializing the page or not. @track inRenderedCallback = false; //indicates whether the rendered callback method is processing - @track refreshTitle = 'Click to perform full list view refresh'; - //for message channel handlers subscription = null; receivedMessage; - label = { Rows, Selected, Select_Action, Export_All, Export_Selected, Loading, Select_Object, Object, Select_List_View, List_View, Go_To_Original, Unpin_List_View, Pin_List_View, Stop_Auto_Refresh, Refresh, List_View_Admin, Sort_By, Save_All_Data, Reset_All_Data, Save_Row_Data, Search_List_Dot, Reset_Row_Data }; - /* * Method which gets called after the class has been instantiated * but before it is rendered. We do have access to variables in this method. */ async renderedCallback() { - if (this.pageName === '') { this.dispatchEvent(SLVHelper.createToast('error', '', 'List View Configuration Error', 'A page/component name must be provided for all simpli list view components.', false)); return; } console.log('Starting simpliUIListViews.renderedCallback for ' + this.pageName); console.log('Record id - ' + this.recordId); - //this ensures we only call this once for each page load if (this.mode !== undefined && this.componentConfig === undefined && this.isInitialized === true && this.inRenderedCallback === false) { this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'rendering', status: 'started' } })); - this.inRenderedCallback = true; - loadScript(this, JSPDF) .then(() => { console.log('then'); @@ -338,104 +306,80 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) }); //turn spinner on this.spinnerOn('renderedCallback'); - //create unique component Id. Used for sending messages to other components. let num = Math.floor(Math.random() * 1000000); this.uniqueComponentId = this.pageName + ':' + num.toString(); - //subscribe to message channel this.subscribeMC(); - console.log('Component Id created - ' + this.uniqueComponentId); console.log('Ltn page name - ' + this.pageName + ' for ' + this.pageName); console.log('Page Mode - ' + this.mode + ' for ' + this.pageName); console.log('User config undefined for ' + this.pageName); - //get component config console.log(this.pageName + ' CALLOUT - getComponentConfig - ' + this.calloutCount++); this.componentConfig = await getComponentConfig({ compName: this.pageName }); this.hasEnterprise = await hasEnterprise({}); this.hasModifyAll = await hasModifyAll({}); - this.handleComponentConfig(); - //get user sort config console.log(this.pageName + ' CALLOUT - getUserSortConfigs - ' + this.calloutCount++); this.userSortConfigs = await getUserSortConfigs({ compName: this.pageName }); - this.handleUserSortConfigs(); - this.handleTypeAheadWhereClauses(); - if (this.mode === 'Stand Alone') { this.isModeStandAlone = true; this.spinnerOff('renderedCallback'); - } else if (this.mode === 'App Page') { this.isModeApp = true; this.canPin = true; this.displayObjectNames = true; this.displayListViewNames = true; this.getObjectsList(); - } else if (this.mode === 'Single Object List View') { - if (SLVHelper.isEmpty(this.singleListViewObject)) { this.dispatchEvent(SLVHelper.createToast('error', '', 'Single Object List View Configuration Error', 'If using Single Object List View mode the list view object must be provided.', false)); this.spinnerOff('renderedCallback'); return; } - this.canPin = true; this.isModeSingleObject = true; this.displayObjectNames = false; this.displayListViewNames = true; - let event = { detail: { selectedValue: this.singleListViewObject }, target: { value: this.singleListViewObject } }; //faking an event this.handleObjectChange(event); this.getListViewsForObject(); - } else if (this.mode === 'Single List View') { - if (this.singleListViewObject === '' || this.singleListViewApiName === '') { this.dispatchEvent(SLVHelper.createToast('error', '', 'Single List View Configuration Error', 'If using Single List View mode the list view object and API name must be provided.', false)); this.spinnerOff('renderedCallback'); return; - } else { - - this.isModeSingle = true; - this.selectedObject = this.singleListViewObject; - this.selectedListView = this.singleListViewApiName; - - this.refreshAllListViewData(); } - + this.isModeSingle = true; + this.selectedObject = this.singleListViewObject; + this.selectedListView = this.singleListViewApiName; + this.refreshAllListViewData(); } else if (this.mode === 'Related List View') { - if (this.singleListViewObject === '' || this.singleListViewApiName === '' || this.joinFieldName === '') { this.dispatchEvent(SLVHelper.createToast('error', '', 'Related List View Configuration Error', 'If using Related List View mode the list view object, list view API name and join field name must be provided.', false)); this.spinnerOff('renderedCallback'); return; + } + this.isModeRelated = true; + if (this.displayAllRelatedRecords) { + this.listwrapperstyle = 'relatedlistdisplayallwrapper'; } else { - this.isModeRelated = true; - if (this.displayAllRelatedRecords) { - this.listwrapperstyle = 'relatedlistdisplayallwrapper'; - } else { - this.listwrapperstyle = 'relatedlistscrollwrapper'; - } - this.selectedObject = this.singleListViewObject; - this.selectedListView = this.singleListViewApiName; - - if (this.joinData !== '') //only set list view data if there is join data. - { - this.refreshAllListViewData(); - } else { - this.isInitializing = false; - this.spinnerOff('renderedCallback'); - } + this.listwrapperstyle = 'relatedlistscrollwrapper'; + } + this.selectedObject = this.singleListViewObject; + this.selectedListView = this.singleListViewApiName; + if (this.joinData !== '') //only set list view data if there is join data. + { + this.refreshAllListViewData(); + } else { + this.isInitializing = false; + this.spinnerOff('renderedCallback'); } } else if (this.mode === 'Split View') { - this.canPin = true; this.isModeSplitView = true; this.displayListViewNames = true; @@ -462,7 +406,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.displayObjectNames = true; this.objectlistdropdownstyle = 'splitviewobjectlistdropdown'; await this.getObjectsList(); - //if we have a pinned list then getting the object will get the list views if (this.selectedListView !== undefined) { this.refreshAllListViewData(); @@ -470,23 +413,18 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.isInitializing = false; this.spinnerOff('renderedCallback'); } - //OBJECT EXISTS } else { this.selectedObject = this.singleListViewObject; - if (this.singleListViewApiName !== '') this.selectedListView = this.singleListViewApiName; - //get the object list. Even if we are not displaying the list we get it in case //we have a pinned list view which is handled in getObjectsList() await this.getObjectsList(); - //if we do not have a pinned list then the list views will not be populated //so populate them. if (this.pinnedObject === undefined) this.getListViewsForObject(); - //get data if we have object + list view if (this.selectedListView !== undefined) { this.refreshAllListViewData(); @@ -495,9 +433,7 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) } } } - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'rendering', status: 'finished' } })); - } else { console.log('No page initialization needed for ' + this.pageName); if (this.virtual) { @@ -508,21 +444,17 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) } handleStandAloneRowData(rows) { - console.log('Rows - ' + rows); if (rows === undefined || rows === '') { this.spinnerOff('handleStandAloneRowData(No Data)'); return; } console.log('Rows - ' + JSON.stringify(rows)); - if (rows.columns === undefined || rows.data === undefined) { this.dispatchEvent(SLVHelper.createToast('error', '', 'StandAlone Component Config Error', 'The row-data property must be set when using standalone mode and must contain both columns and data', false)); } - this._columnData = JSON.parse(JSON.stringify(rows.columns)); //make the objects writable this._rowData = JSON.parse(JSON.stringify(rows.data)); - this.listViewData = {}; this.listViewData.isCoreListView = false; this.listViewData.isDefaultSort = true; @@ -530,7 +462,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.listViewData.userTimeZone = 'America/Chicago'; this.listViewData.fieldMetaData = this._columnData; this.listViewData.uIColumnCount = this._columnData.length; - let listview = {}; listview.defaultSortOrder = ''; listview.isNonEditable = true; @@ -541,7 +472,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) listview.offset = -1; listview.rowLimit = 10000; this.listViewData.listView = listview; - this.listViewDataRows = this.rowData; let index = 1; this.listViewDataRows.forEach(row => { @@ -557,7 +487,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) row.rowId = row.sfdcId + ':' + index; row.checkBoxId = 'checkbox:' + row.rowId; //row.isEditable = true; - let fieldIndex = 1; row.fields.forEach(field => { let column = this._columnData[fieldIndex - 1]; @@ -573,54 +502,32 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) }); index++; }); - index = 0; - this.listViewData.fieldMetaData.forEach(column => { - if (column.columnWidth !== undefined) column.columnWidth = 'width: ' + column.columnWidth + ';'; //CSS - if (column.sortDir === undefined) column.sortDir = false; - if (column.sortIndex === undefined) column.sortIndex = index; - if (column.sortIndexDisplay === undefined) column.sortIndexDisplay = index + 1; - if (column.columnIndex === undefined) column.sortIndex = index + 1; - if (column.sortable === undefined) column.sortable = false; - if (column.sortingTooltip === undefined) column.sortingTooltip = ''; - index++; - }); - - + if (this.listViewData?.fieldMetaData?.length) { + this.listViewData.fieldMetaData.forEach(column => { + if (column.columnWidth !== undefined) column.columnWidth = 'width: ' + column.columnWidth + ';'; //CSS + if (column.sortDir === undefined) column.sortDir = false; + if (column.sortIndex === undefined) column.sortIndex = index; + if (column.sortIndexDisplay === undefined) column.sortIndexDisplay = index + 1; + if (column.columnIndex === undefined) column.sortIndex = index + 1; + if (column.sortable === undefined) column.sortable = false; + if (column.sortingTooltip === undefined) column.sortingTooltip = ''; + index++; + }); + } this.listViewDataRowsSize = this.rowData.length; this.hasListViewDataRows = true; - if (this.virtual) { this.listwrapperstyle = 'virtualapplistscrollwrapper'; } - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'standAloneRendering', status: 'finished' } })); - this.spinnerOff('handleStandAloneRowData'); } - - // getHeadColumnCss(columnWidth, mainContainer) { - // let cssResult = 'widht: auto;' - // if (columnWidth) { - // cssResult = `${columnWidth}`; - // } - // if (!this.allowHorizontalScrolling && this.listViewData?.fieldMetaData?.length) { - // const mainContainerWidth = mainContainer.offsetWidth; - // const actionBtnsWidth = this.isEdited ? 60 : 0; - // const maxColumnWidth = ((mainContainerWidth - 32 - actionBtnsWidth) / this.listViewData.fieldMetaData.length).toFixed(0); - // cssResult += ` max-width: ${maxColumnWidth}px;` - // } - // return cssResult; - // } - handleComponentConfig() { - try { console.log('Component configs retrieved successfully - ' + JSON.stringify(this.componentConfig) + ' size ' + this.componentConfig.length); - let pinnedListView = this.componentConfig.pinnedListView; console.log('Pinned list view string - ' + pinnedListView); - if (SLVHelper.toBool(this.componentConfig.AllowAdmin) === false) { if (this.hasModifyAll === true) this.allowAdmin = true; @@ -643,9 +550,7 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) if (SLVHelper.toBool(this.componentConfig.AllowInlineEditing) === false) { this.allowInlineEditing = false; } if (SLVHelper.toBool(this.componentConfig.AllowHorizontalScrolling) === false) { this.allowHorizontalScrolling = false; } if (SLVHelper.toBool(this.componentConfig.DisplayRecordPopovers) === false) { this.displayRecordPopovers = false; } - this.excludedRecordPopoverTypes = this.excludedRecordPopoverTypes + this.componentConfig.ExcludedRecordPopoverTypes; - if (this.allowHorizontalScrolling === true) { this.tablestyle = 'slds-table slds-table_bordered slds-table_fixed-layout slds-table_resizable-cols tablehorizontalscroll'; //the style applied to the list view table } @@ -654,42 +559,34 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.isPinned = true; this.pinnedObject = pinnedListView.substring(0, pinnedListView.lastIndexOf(':')); this.pinnedListView = pinnedListView.substring(pinnedListView.lastIndexOf(':') + 1); - } else { this.isInitializing = false; } } catch (error) { this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving User Config', 'Error retrieving the user config.', true)); } - } - handleUserSortConfigs() { try { console.log('User sort configs retrieved successful - ' + this.userSortConfigs + ' for ' + this.pageName); - - var listViewSortFields = JSON.parse(this.userSortConfigs); + const listViewSortFields = JSON.parse(this.userSortConfigs); console.log('List view sort fields size - ' + listViewSortFields.listviews.length); - //EXAMPLE JSON - {"listviews": [{"name": "Account:Simpli_LV_Acct_1","fields": [{"sortIndex": "0", "fieldName": "Name", "sortDirection": "true"},{"sortIndex": "1", "fieldName": "BillingState", "sortDirection": "false"}]}, {"name": "Account:PlatinumandGoldSLACustomers","fields": [{"sortIndex": "0", "fieldName": "Name", "sortDirection": "true"},{"sortIndex": "1", "fieldName": "BillingState", "sortDirection": "false"},{"sortIndex": "2", "fieldName": "Id", "sortDirection": "false"}]}]} - for (var m in listViewSortFields.listviews) { - + // eslint-disable-next-line guard-for-in + for (let m in listViewSortFields.listviews) { let listviewSorting = listViewSortFields.listviews[m]; //if we are working with the current list view if (listviewSorting.name === this.pinnedObject + ':' + this.pinnedListView || listviewSorting.name === this.selectedObject + ':' + this.selectedListView || listviewSorting.name === this.singleListViewObject + ':' + this.singleListViewApiName) { console.log('Found sorting for current list view'); - for (var i = 0; i < listviewSorting.fields.length; i++) { - + for (let i = 0; i < listviewSorting.fields.length; i++) { let sortDirection = listviewSorting.fields[i].sortDirection; - if (sortDirection === undefined || sortDirection === '') { sortDirection = true; } else { sortDirection = SLVHelper.toBool(sortDirection) } - let columnData = [Number(listviewSorting.fields[i].sortIndex), listviewSorting.fields[i].fieldName, sortDirection]; this.columnSortData.set(Number(listviewSorting.fields[i].sortIndex), columnData); } @@ -697,41 +594,30 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.columnSortDataStr = JSON.stringify(Array.from(this.columnSortData)); console.log('XXXX Column Sort Data Str - ' + this.columnSortDataStr); this.listViewSortData.set(listviewSorting.name, this.columnSortData); - //for all other list views } else { let columnSortData = new Map(); - - for (var index = 0; index < listviewSorting.fields.length; index++) { - + for (let index = 0; index < listviewSorting.fields.length; index++) { let sortDirection = listviewSorting.fields[index].sortDirection; - if (sortDirection === undefined || sortDirection === '') { sortDirection = true; } else { sortDirection = SLVHelper.toBool(sortDirection) } - let columnData = [Number(listviewSorting.fields[index].sortIndex), listviewSorting.fields[index].fieldName, sortDirection]; columnSortData.set(Number(listviewSorting.fields[index].sortIndex), columnData); } - this.listViewSortData.set(listviewSorting.name, columnSortData); - } } } catch (error) { this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving User Sorting', 'Error retrieving the user sorting config.', true)); } } - createWhereClause(field, operator, values) { - let whereClause = { field: field, operator: operator, values: values }; - return whereClause; + return { field: field, operator: operator, values: values }; } - handleTypeAheadWhereClauses() { - if (!SLVHelper.isEmpty(this.includedObjects)) { this.whereClauseObject = this.createWhereClause('simpli_lv__Object_Name__c', 'IN', this.includedObjects); console.log('whereClauseObject - ' + JSON.stringify(this.whereClauseObject)); @@ -739,80 +625,64 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.whereClauseObject = this.createWhereClause('simpli_lv__Object_Name__c', 'NOT IN', this.excludedObjects); console.log('whereClauseObject - ' + JSON.stringify(this.whereClauseObject)); } - - if (this.mode === 'Single Object List View' && this.singleListViewObject !== '') { this.whereClauseListView = this.createWhereClause('simpli_lv__Object_Name__c', '=', this.selectedObject); console.log('whereClauseListView - ' + JSON.stringify(this.whereClauseListView)); } - } - /* * Used for handling the message channel */ @wire(MessageContext) messageContext; - - - handleInitializedCheck(event) { - this.isInitialized = event.detail; - this.isInitializedCheck = true; - if (this.isInitialized === false) { - this.spinner = false; //a special case where we set it directly. + try { + const { detail } = event; + this.isInitialized = detail; + this.isInitializedCheck = true; + if (this.isInitialized === false) { + this.spinner = false; //a special case where we set it directly. + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - getListViewActions() { console.log('Starting getListViewActions'); - if (this.virtual) { this.dispatchEvent(new CustomEvent('getactions', { detail: { pageName: this.pageName, compType: this.mode, objectName: this.selectedObject, listViewName: this.selectedListView } })); } else { console.log(this.pageName + ' CALLOUT - getListViewActions - ' + this.calloutCount++); - getListViewActions({ objectType: this.selectedObject, listViewName: this.selectedListView, componentName: this.pageName }) - .then(result => { - console.log(this.pageName + ' CALLOUT - getListViewActions - ' + this.calloutCount++); - this.objectActionList = result; - this.handleListViewActions(0); - this.dispatchEvent(new CustomEvent('eventresponse', { detail: {type: 'refreshActions', status: 'finished', listView: this.selectedListView, object: this.selectedObject, count: this.displayedActionList.length}})); - }) - .catch(error => { - this.objectActionList = undefined; - this.spinnerOff('getObjectsList'); - this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving Actions', 'Error retrieving the list view actions.', true)); - }); + getListViewActions({ objectType: this.selectedObject, listViewName: this.selectedListView, componentName: this.pageName }).then(result => { + console.log(this.pageName + ' CALLOUT - getListViewActions - ' + this.calloutCount++); + this.objectActionList = result; + this.handleListViewActions(0); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshActions', status: 'finished', listView: this.selectedListView, object: this.selectedObject, count: this.displayedActionList.length } })); + }).catch(error => { + this.objectActionList = undefined; + this.spinnerOff('getObjectsList'); + this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving Actions', 'Error retrieving the list view actions.', true)); + }); } } - handleListViewActions(numSelectedRecords) { - if (this.objectActionList.length === 0 || this.displayActions === false) { this.canDisplayActions = false; } else if (SLVHelper.toBool(this.displayActions) === true) { this.canDisplayActions = true; - this.displayedActionList = []; - this.objectActionList.forEach(action => { if (action.selectedRecVisibility === 'Always displayed') this.displayedActionList[this.displayedActionList.length] = action; - else if (numSelectedRecords === 0) { - if (action.selectedRecVisibility === 'Displayed if no records are selected' || action.selectedRecVisibility === 'Displayed if zero or one record is selected') this.displayedActionList[this.displayedActionList.length] = action; - } else if (numSelectedRecords === 1) { - if (action.selectedRecVisibility === 'Displayed if one or more records are selected' || action.selectedRecVisibility === 'Displayed if one record is selected') this.displayedActionList[this.displayedActionList.length] = action; - } else if (numSelectedRecords > 1) { - if (action.selectedRecVisibility === 'Displayed if multiple records are selected' || action.selectedRecVisibility === 'Displayed if one or more records are selected') this.displayedActionList[this.displayedActionList.length] = action; @@ -820,21 +690,23 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) }); } } - async refreshAllListViewData() { - this.offset = -1; - this.selectedRecordCount = 0; - this.isEdited = false; - this.hoverIsDisplayed = false; - let selectedRows = this.template.querySelectorAll('lightning-input'); - selectedRows.forEach(element => element.checked = false); - - this.getListViewDataPage(); - this.getListViewActions(); + try { + this.offset = -1; + this.selectedRecordCount = 0; + this.isEdited = false; + this.hoverIsDisplayed = false; + let selectedRows = this.template.querySelectorAll('lightning-input'); + if (selectedRows) { + selectedRows.forEach((element) => { element.checked = false }); + } + await this.getListViewDataPage(); + await this.getListViewActions(); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - async getListViewDataPage() { - try { console.log(this.pageName + ' CALLOUT - getListViewData(' + this.pageName + ', ' + this.mode + ', ' + this.selectedObject + ', ' + this.selectedListView + ', ' + this.columnSortDataStr + ', ' + this.joinFieldName + ', ' + this.joinData + ', ' + this.offset + ', ' + this.textSearchText + ')'); if (this.virtual) { @@ -853,63 +725,50 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving List View Data', 'Error retrieving the list view data.', true)); this.spinnerOff('getListViewDataPage'); } - this.refreshTime = Date.now(); } handleListViewDataPage(listViewDataResult) { - console.log('JSON Result - ' + JSON.stringify(listViewDataResult)); console.log('List View Query - ' + listViewDataResult.queryString); console.log('Starting refreshListViewData - ' + this.pageName + ' - ' + this.selectedObject + ' - ' + this.selectedListView + ' - ' + this.joinFieldName + ' - ' + this.offset + ' for ' + this.pageName); - //if this is the first time we are initializing the list view data OR we are refreshing the data. if (this.listViewData === undefined || this.listViewData.coreListId !== listViewDataResult.coreListId || this.offset === -1 || (this.offset === this.listViewData.listView.offset && this.offset === -1)) { //initialize list view info this.listViewData = listViewDataResult; - //initialize list view row data this.listViewDataRows = listViewDataResult.rows; - //else add the new data to the existing data } else { this.listViewDataRows = this.listViewDataRows.concat(listViewDataResult.rows); } - let oldDataRowsSize = this.listViewDataRowsSize; //update the data rows size. this.listViewDataRowsSize = this.listViewDataRows.length; - if (this.listViewData.hasTotalsRow) { this.listViewDataRowsSize--; if (this.isModeSplitView === true) this.listViewDataRows.pop(); } - if (this.listViewDataRowsSize === 0) this.hasListViewDataRows = false; else this.hasListViewDataRows = true; - //this is to fix a weird issue where width of table gets reduced if there are no rows. if (this.allowHorizontalScrolling === true && this.hasListViewDataRows === true) { this.tablestyle = 'slds-table slds-table_bordered slds-table_fixed-layout slds-table_resizable-cols tablehorizontalscroll'; } else { this.tablestyle = 'slds-table slds-table_bordered slds-table_fixed-layout slds-table_resizable-cols tablenohorizontalscroll'; } - - console.log('this.listViewDataRows.length - ' + this.listViewDataRows.length + ' for ' + this.pageName); console.log('listViewDataResult.listView.rowLimit - ' + listViewDataResult.listView.rowLimit + ' for ' + this.pageName); console.log('this.offset - ' + this.offset + ' for ' + this.pageName); console.log('listViewDataResult.listView.offset - ' + listViewDataResult.listView.offset + ' for ' + this.pageName); - //if we have not reached our max limit if (this.listViewDataRows.length < listViewDataResult.listView.rowLimit) { //if the offset has not changed or the row size has not changed then we are done. if (this.offset === listViewDataResult.listView.offset || oldDataRowsSize === this.listViewDataRowsSize) { this.dataSpinnerOff(); - //update offset (which will trigger another request for data) } else { this.dataSpinnerOn(); @@ -917,21 +776,17 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.rowLimit = listViewDataResult.listView.rowLimit; this.getListViewDataPage(); } - //if we have reached our max limit } else { this.dataSpinnerOff(); } - console.log('List view data retrieval successful - ' + this.offset + ' of ' + this.rowLimit + ' records retrieved for ' + this.pageName); - //sets the last modified text if the component has been configured to show the data. if (this.displayModified === true) { this.modifiedText = this.listViewData.listView.lastModifiedText; } else { this.modifiedText = ''; } - if (this.listViewData.listView.listViewType === 'Core') { this.isCoreListView = true; this.isCustomListView = false; @@ -939,156 +794,122 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.isCoreListView = false; this.isCustomListView = true; } - this.displayTextSearch = false; if (this.canDisplayTextSearch === true && this.listViewData.canTextSearch === true) { this.displayTextSearch = true; } - this.refreshTitle = 'Click to perform list view refresh on current list view'; this.isInitializing = false; } - async getObjectsList() { if (this.objectList === undefined) //only get the list views if we have not retrieved them before { console.log('Starting getObjectsList'); console.log(this.pageName + ' CALLOUT - getListViewObjects - ' + this.calloutCount++); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshObjects', status: 'started' } })); - await getListViewObjects({ includedObjects: this.includedObjects, excludedObjects: this.excludedObjects }) - .then(result => { - this.objectList = result; - - if (this.objectList !== undefined && this.objectList.length > 0) { - console.log('Object list has been populated with size - ' + this.objectList.length + ' for ' + this.pageName); - - if (this.pinnedObject !== undefined) { - //check if we have an object that matches the users pinned object. (could be stale) - var found = this.objectList.find(element => element.value === this.pinnedObject); - - //if we do have an object then set it and get the pinned list view. - if (found !== undefined) { - console.log('Object IS in the object list for ' + this.pageName); - this.selectedObject = this.pinnedObject; - this.getListViewsForObject(); - } else { - this.spinner = false; //cannot use spinnerOff() here as we might be initializing - } - this.pinnedObject = undefined; - } else if (this.isInitializing === false) { - this.spinnerOff('getObjectsList'); + await getListViewObjects({ includedObjects: this.includedObjects, excludedObjects: this.excludedObjects }).then(result => { + this.objectList = result; + if (this.objectList !== undefined && this.objectList.length > 0) { + console.log('Object list has been populated with size - ' + this.objectList.length + ' for ' + this.pageName); + if (this.pinnedObject !== undefined) { + //check if we have an object that matches the users pinned object. (could be stale) + const found = this.objectList.find(element => element.value === this.pinnedObject); + //if we do have an object then set it and get the pinned list view. + if (found !== undefined) { + console.log('Object IS in the object list for ' + this.pageName); + this.selectedObject = this.pinnedObject; + this.getListViewsForObject(); + } else { + this.spinner = false; //cannot use spinnerOff() here as we might be initializing } - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshObjects', status: 'finished', count: this.objectList.length } })); - + this.pinnedObject = undefined; + } else if (this.isInitializing === false) { + this.spinnerOff('getObjectsList'); } - }) - .catch(error => { - this.spinnerOff('getObjectsList'); - this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving List View Objects', 'Error retrieving the list view objects.', true)); - }); - + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshObjects', status: 'finished', count: this.objectList.length } })); + } + }).catch(error => { + this.spinnerOff('getObjectsList'); + this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving List View Objects', 'Error retrieving the list view objects.', true)); + }); } } - async getListViewsForObject() { if (this.listViewListObject !== this.selectedObject && this.typeAheadListSearch === false) //only get the list views if its for a new object and we are not doing type ahead { this.listViewListObject = this.selectedObject; - console.log(this.pageName + ' CALLOUT - getObjectListViews(' + this.selectedObject + ') - ' + this.calloutCount++); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshListViews', status: 'started', object: this.selectedObject } })); - await getObjectListViews({ objectName: this.selectedObject }) - .then(result => { - console.log('Object list view retrieval successful for ' + this.pageName); - this.listViewList = result; - console.log('Object list view size - ' + this.listViewList.length + ' for ' + this.pageName); - console.log('Pinned list view - ' + this.pinnedListView + ' for ' + this.pageName); - console.log('First List View Get - ' + this.firstListViewGet + ' for ' + this.pageName); - - //if we have no list views to display then either the object name is bad or the user does not have access to the object. - if (this.listViewList.length === 0) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Retrieving Object List Views', 'No list views available as the user does not have access to this object.', false)); - } else if (this.urlListView !== undefined) { - this.selectedListView = this.urlListView; + await getObjectListViews({ objectName: this.selectedObject }).then(result => { + console.log('Object list view retrieval successful for ' + this.pageName); + this.listViewList = result; + console.log('Object list view size - ' + this.listViewList.length + ' for ' + this.pageName); + console.log('Pinned list view - ' + this.pinnedListView + ' for ' + this.pageName); + console.log('First List View Get - ' + this.firstListViewGet + ' for ' + this.pageName); + //if we have no list views to display then either the object name is bad or the user does not have access to the object. + if (this.listViewList.length === 0) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Retrieving Object List Views', 'No list views available as the user does not have access to this object.', false)); + } else if (this.urlListView !== undefined) { + this.selectedListView = this.urlListView; + this.selectedListViewExportName = this.selectedListView + '.csv'; + } else if (this.pinnedListView !== undefined && this.firstListViewGet === true) { + console.log('We have a pinned list view for ' + this.pageName); + //check if we have the list view in the list. (it could be a stale pinning) + const found = this.listViewList.find(element => element.value === this.pinnedListView); + //if we have a valid list view name + if (found !== undefined) { + console.log('Found a list view with the pinned list view name for ' + this.pageName); + this.selectedListView = this.pinnedListView; this.selectedListViewExportName = this.selectedListView + '.csv'; - } else if (this.pinnedListView !== undefined && this.firstListViewGet === true) { - - console.log('We have a pinned list view for ' + this.pageName); - //check if we have the list view in the list. (it could be a stale pinning) - const found = this.listViewList.find(element => element.value === this.pinnedListView); - - //if we have a valid list view name - if (found !== undefined) { - console.log('Found a list view with the pinned list view name for ' + this.pageName); - this.selectedListView = this.pinnedListView; - this.selectedListViewExportName = this.selectedListView + '.csv'; - this.refreshAllListViewData(); - - //if we do not then bail. - } else { - console.log('Did NOT find a list view with the pinned list view name for ' + this.pageName); - this.isInitializing = false; - } - - this.firstListViewGet = false; + this.refreshAllListViewData(); + //if we do not then bail. + } else { + console.log('Did NOT find a list view with the pinned list view name for ' + this.pageName); + this.isInitializing = false; } - - this.refreshTitle = 'Click to perform a refresh on all ' + this.selectedObject + ' list views'; - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshListViews', status: 'finished', count: this.listViewList.length, object: this.selectedObject } })); - - this.spinnerOff('getListViewsForObject'); - }) - .catch(error => { - this.spinnerOff('getListViewsForObject'); - this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving Object List Views', 'Error retrieving ' + this.selectedObject + ' list views data. This usually indicates the user does not have read access to the object. if you believe this to be an error', true)); - }); - + this.firstListViewGet = false; + } + this.refreshTitle = 'Click to perform a refresh on all ' + this.selectedObject + ' list views'; + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'refreshListViews', status: 'finished', count: this.listViewList.length, object: this.selectedObject } })); + this.spinnerOff('getListViewsForObject'); + }).catch(error => { + this.spinnerOff('getListViewsForObject'); + this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Retrieving Object List Views', 'Error retrieving ' + this.selectedObject + ' list views data. This usually indicates the user does not have read access to the object. if you believe this to be an error', true)); + }); //if we } else if (this.typeAheadListSearch === true) { - if (this.pinnedListView !== undefined && this.firstListViewGet === true) { - console.log('We have a pinned list view for ' + this.pageName); - //check for list view name validity (it could be a stale pinning) - await getListViewId({ objectName: this.selectedObject, listViewName: this.pinnedListView }) - .then(result => { - console.log('Is valid list view request successful for ' + this.pageName); - - //if we have a valid list view name - if (result !== '') { - console.log('Found a list view with the pinned list view name for ' + this.pageName); - this.selectedListView = this.pinnedListView; - this.selectedListViewExportName = this.selectedListView + '.csv'; - this.selectedListViewId = result; - this.whereClauseListView = this.createWhereClause('simpli_lv__Object_Name__c', '=', this.selectedObject); - this.refreshAllListViewData(); - - //if we do not then bail. - } else { - console.log('Did NOT find a list view with the pinned list view name for ' + this.pageName); - this.isInitializing = false; - this.spinner = false; - } - - this.firstListViewGet = false; - }).catch(error => { - this.spinnerOff('isValidListView'); - this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Checking For Valid List View', 'Error checking for a valid list view with name ' + this.pinnedListView + ' for object ' + this.selectedObject + '.', true)); - }); - + await getListViewId({ objectName: this.selectedObject, listViewName: this.pinnedListView }).then(result => { + console.log('Is valid list view request successful for ' + this.pageName); + //if we have a valid list view name + if (result !== '') { + console.log('Found a list view with the pinned list view name for ' + this.pageName); + this.selectedListView = this.pinnedListView; + this.selectedListViewExportName = this.selectedListView + '.csv'; + this.selectedListViewId = result; + this.whereClauseListView = this.createWhereClause('simpli_lv__Object_Name__c', '=', this.selectedObject); + this.refreshAllListViewData(); + //if we do not then bail. + } else { + console.log('Did NOT find a list view with the pinned list view name for ' + this.pageName); + this.isInitializing = false; + this.spinner = false; + } + this.firstListViewGet = false; + }).catch(error => { + this.spinnerOff('isValidListView'); + this.dispatchEvent(SLVHelper.createToast('error', error, 'Error Checking For Valid List View', 'Error checking for a valid list view with name ' + this.pinnedListView + ' for object ' + this.selectedObject + '.', true)); + }); } else { this.refreshTitle = 'Click to perform a refresh on all ' + this.selectedObject + ' list views'; - this.spinnerOff('getListViewsForObject'); } } else { this.spinner = false; //cannot use spinnerOff() here as we might be initializing } } - /* * Method which subscribes this component to a defined message channel. This subscription * allows the components to send messages to each other. @@ -1105,7 +926,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) { scope: APPLICATION_SCOPE } ); } - /* * Method which unsubscribes this component from any channels. * This method will be called automatically by the SFDC framework. @@ -1114,27 +934,20 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) unsubscribe(this.subscription); this.subscription = null; } - /* * called when a component within the same APP as this component sends a message that records * have just been selected by that component. */ handleMessage(message) { - this.receivedMessage = message; console.log(this.uniqueComponentId + ' received a message from ' + this.receivedMessage.uniqueComponentId + ' for ' + this.pageName); - console.log('message recordIds - ' + this.receivedMessage.recordIds); console.log('message objectType - ' + this.receivedMessage.objectType); console.log('message uniqueComponentId - ' + this.receivedMessage.uniqueComponentId); - if (this.receivedMessage.uniqueComponentId === this.uniqueComponentId) { return; } - - if (this.receivedMessage.type === 'selectrecordupdate') { - //if we have no record Id and its a NON-RECORD page RELATED LIST then set rows to 0 if (this.receivedMessage.recordIds === '' && this.isModeRelated === true @@ -1146,7 +959,6 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.hasListViewDataRows = false; return; } - console.log('selectedObject - ' + this.selectedObject); console.log('isModeRelatedRecord - ' + this.isModeRelatedRecord); console.log('joinFieldName - ' + this.joinFieldName); @@ -1159,56 +971,43 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) console.log('Record ids from message - ' + this.receivedMessage.recordIds + ' for ' + this.pageName); this.joinData = JSON.stringify(message); console.log('Join Data JSON - ' + this.joinData + ' for ' + this.pageName); - this.spinnerOn('handleMessage'); - if (!this.virtual) { //we need to check and see if this message is valid for this component. //I think we need to get rid of this.......causes data reload to take too long. console.log(this.pageName + ' CALLOUT - isValidListViewDataRequest - ' + this.calloutCount++); - isValidListViewDataRequest({ objectName: this.selectedObject, joinFieldName: this.joinFieldName, joinData: this.joinData }) - .then(result => { - console.log('isValidListViewDataRequest returned - ' + result + ' for ' + this.pageName); - - if (result === 'success') { - this.refreshAllListViewData(); - } else { - this.spinnerOff('handleMessage'); - } - - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list view.', true)); - }); + isValidListViewDataRequest({ objectName: this.selectedObject, joinFieldName: this.joinFieldName, joinData: this.joinData }).then(result => { + console.log('isValidListViewDataRequest returned - ' + result + ' for ' + this.pageName); + if (result === 'success') { + this.refreshAllListViewData(); + } else { + this.spinnerOff('handleMessage'); + } + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list view.', true)); + }); } } else { console.log('Page names are the same or we do not have a joined field name so ignoring message! for ' + this.uniqueComponentId); } } } - handleAutoRefreshData() { - console.log('Refreshing data for ' + this.pageName); - if (this.isRefreshing) { - let mills = (Date.now() - this.refreshTime); if (mills > 5000) this.refreshAllListViewData(); - //https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind //look at its use with setTimeout down the page! + // eslint-disable-next-line @lwc/lwc/no-async-operation setTimeout(this.handleAutoRefreshData.bind(this), this.refreshRate * 1000); //change to milliseconds - } } - - async handleAutoRefreshButtonClick(event) { + async handleAutoRefreshButtonClick() { console.log('Refresh button clicked for ' + this.pageName); console.log('Auto refresh was set to ' + this.isRefreshing + ' for ' + this.pageName); console.log('Refresh time was ' + this.refreshTime + ' for ' + this.pageName); - //if we do not have the single/double click refresh setting then get it if (this.singleClickAutoRefresh === undefined) { console.log(this.pageName + ' CALLOUT - getListViewConfigParameter(SingleClickAutoDataRefresh) - ' + this.calloutCount++); @@ -1217,19 +1016,15 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.singleClickAutoRefresh = 'false'; } } - let mills = (Date.now() - this.refreshTime); - //we are refreshing automatically and someone stops it. if (this.isRefreshing === true) { this.isRefreshing = false; this.dispatchEvent(SLVHelper.createToast('success', '', 'Auto Refresh Stopped', '', false)); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'autoRefreshOff', status: 'finished' } })); - //if someone has clicked the refresh button again within 5 seconds } else if (this.singleClickAutoRefresh === 'true' || (mills < 5000 && this.isRefreshing === false)) { this.isRefreshing = true; - //if we do not have the refresh rate then get it if (this.refreshRate === '') { console.log(this.pageName + ' CALLOUT - getListViewConfigParameter(RefreshRate) - ' + this.calloutCount++); @@ -1238,90 +1033,75 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) this.refreshRate = '45'; //default to 45s if nothing returned } } - this.dispatchEvent(SLVHelper.createToast('success', '', 'Auto Refresh Started', 'Refreshing every ' + this.refreshRate + 's', false)); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'autoRefreshOn', status: 'finished' } })); console.log('Refresh now set to ' + this.isRefreshing + ' @ ' + this.refreshRate + 's for ' + this.pageName); this.handleAutoRefreshData(); - //if someone clicked the refresh button for the first time } else { this.refreshAllListViewData(); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'autoRefreshOnce', status: 'finished' } })); this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Refreshed', 'Click within 5 seconds of data loading to auto refresh.', false)); } - } - async getConfigParameter(paramName) { return getListViewConfigParameter({ objectName: this.selectedObject, listViewName: this.selectedListView, paramName: paramName }); } - /* * Called when the user clicks the data download button. * This returns the data for the current list view in CSV format. */ - handleDownloadData(event) { + handleDownloadData() { console.log('Data export button clicked for ' + this.pageName); - //get the header values let dataStr = this.listViewData.headersAsCSVString; - - this.listViewDataRows.forEach(element => { - dataStr = dataStr + element.dataAsCSVString; - }); - - + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + dataStr = dataStr + element.dataAsCSVString; + }); + } const data = new Blob([dataStr], { type: 'text/plain' }); - let downloadElement = document.createElement('a'); downloadElement.href = URL.createObjectURL(data); downloadElement.setAttribute("download", "download"); downloadElement.download = this.selectedListViewExportName; downloadElement.click(); - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'downloadData', status: 'finished', data: dataStr, object: this.selectedObject, listView: this.selectedListView } })); - } - /* * Called when the user clicks the SELECTED data download button. * This returns the data for the current list view in CSV format. */ - handleSelectedDownloadData(event) { + handleSelectedDownloadData() { console.log('Selected data export button clicked for ' + this.pageName); - //get the header values - var dataStr = this.listViewData.headersAsCSVString; - + let dataStr = this.listViewData.headersAsCSVString; //get the selected record Ids - var selectedRecords = new Set(); + const selectedRecords = new Set(); let selectedRows = this.template.querySelectorAll('lightning-input'); - selectedRows.forEach(element => { - if (element.checked === true && element.value !== 'all') { - selectedRecords.add(element.value); - } - }); - - this.listViewDataRows.forEach(element => { - if (selectedRecords.has(element.rowId)) { - dataStr = dataStr + element.dataAsCSVString; - } - }); - + if (selectedRows?.length) { + selectedRows.forEach(element => { + if (element.checked === true && element.value !== 'all') { + selectedRecords.add(element.value); + } + }); + } + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + if (selectedRecords.has(element.rowId)) { + dataStr = dataStr + element.dataAsCSVString; + } + }); + } //turn string into blob - var data = new Blob([dataStr], { type: 'text/plain' }); - + const data = new Blob([dataStr], { type: 'text/plain' }); let downloadElement = document.createElement('a'); downloadElement.href = URL.createObjectURL(data); downloadElement.setAttribute("download", "download"); downloadElement.download = this.selectedListViewExportName; downloadElement.click(); - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'downloadSelectedData', status: 'finished', data: dataStr, object: this.selectedObject, listView: this.selectedListView } })); - } - /* * Called when a user checks a box next to a record for * selection to be processed. This method is really for @@ -1331,230 +1111,226 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) */ handleRecordSelectChange(event) { this.spinnerOn('handleRecordSelectChange'); - console.log('Record selected - ' + event.target.checked + ': ' + event.target.value + ' for ' + this.pageName); - - //get all checkbox components - let selectedRows = this.template.querySelectorAll('lightning-input'); - - //if we have selected "All" then run through all components setting them true or false. - if (event.target.value === 'all') { - const checked = event.target.checked - selectedRows.forEach(element => element.checked = checked); - - if (event.target.checked === true) { - this.selectedRecordCount = this.listViewDataRowsSize; + try { + const { target } = event; + const { checked, value } = target; + console.log('Record selected - ' + checked + ': ' + value + ' for ' + this.pageName); + //get all checkbox components + let selectedRows = this.template.querySelectorAll('lightning-input'); + //if we have selected "All" then run through all components setting them true or false. + if (value === 'all') { + selectedRows.forEach((element) => { element.checked = checked }); + if (checked === true) { + this.selectedRecordCount = this.listViewDataRowsSize; + } else { + this.selectedRecordCount = 0; + } } else { - this.selectedRecordCount = 0; + if (checked === true) { + this.selectedRecordCount++; + } else { + this.selectedRecordCount--; + } } - - } else { - if (event.target.checked === true) { - this.selectedRecordCount++; - } else { - this.selectedRecordCount--; + this.handleListViewActions(this.selectedRecordCount); + console.log('Sending to message channel for ' + this.uniqueComponentId); + //run through all the checkbox components again now that they have been set + let recordIds = ''; + if (selectedRows?.length) { + selectedRows.forEach(element => { + if (element.checked === true && element.value !== 'all') { + //the value includes the row number so remove that from the end as we only want the Ids + const indexOf = element.value.indexOf(':'); + const recordId = element.value.substring(0, indexOf); + if (recordId !== '' && recordId !== undefined) //if we clicked "All" then the first one is blank. + recordIds = recordIds + recordId + ','; + } + }); } - } - - this.handleListViewActions(this.selectedRecordCount); - - console.log('Sending to message channel for ' + this.uniqueComponentId); - //run through all the checkbox components again now that they have been set - var recordIds = ''; - - selectedRows.forEach(element => { - if (element.checked === true && element.value !== 'all') { - //the value includes the row number so remove that from the end as we only want the Ids - const indexOf = element.value.indexOf(':'); - var recordId = element.value.substring(0, indexOf); - if (recordId !== '' && recordId !== undefined) //if we clicked "All" then the first one is blank. - recordIds = recordIds + recordId + ','; + //remove the last comma if there is one. + if (recordIds?.length > 0) { + recordIds = recordIds.substring(0, recordIds.lastIndexOf(',')); } - }); - - //remove the last comma if there is one. - if (recordIds.length > 0) { - recordIds = recordIds.substring(0, recordIds.lastIndexOf(',')); - } - - //if we are sending the selection to other components. - if (SLVHelper.toBool(this.useMessageChannel) === true) { - - const message = { - type: 'selectrecordupdate', - recordIds: recordIds, - objectType: this.selectedObject, - uniqueComponentId: this.uniqueComponentId - }; - publish(this.messageContext, LISTVIEW_MC, message); - - } else { - console.log('NOT sending to message channel for ' + this.uniqueComponentId); + //if we are sending the selection to other components. + if (SLVHelper.toBool(this.useMessageChannel) === true) { + const message = { + type: 'selectrecordupdate', + recordIds: recordIds, + objectType: this.selectedObject, + uniqueComponentId: this.uniqueComponentId + }; + publish(this.messageContext, LISTVIEW_MC, message); + } else { + console.log('NOT sending to message channel for ' + this.uniqueComponentId); + } + this.dispatchEvent(new CustomEvent('rowselectupdate', { detail: { recordIds: recordIds } })); + } catch (error) { + SLVHelper.showErrorMessage(error); + } finally { + this.spinnerOff('handleRecordSelectChange'); } - this.dispatchEvent(new CustomEvent('rowselectupdate', { detail: { recordIds: recordIds } })); - - this.spinnerOff('handleRecordSelectChange'); } - /* * Called when a user is selecting a list view and * they have changed the object of the list view. */ handleObjectChange(event) { - this.spinnerOn('handleObjectChange'); - - if (this.typeAheadObjectSearch === true) { - this.selectedObject = event.detail.selectedValue; - } else { - this.selectedObject = event.target.value; - } - this.selectedListView = undefined; - this.selectedListViewId = undefined; - this.selectedListViewExportName = undefined; - this.whereClauseListView = this.createWhereClause('simpli_lv__Object_Name__c', '=', this.selectedObject); - this.listViewList = undefined; - this.listViewData = undefined; - this.listViewDataRows = undefined; - this.objectActionList = undefined; - this.displayedActionList = []; - this.columnSortDataStr = ''; - this.columnSortData = new Map(); - this.modifiedText = ''; - this.textSearchText = ''; - this.isCoreListView = true; //this is not necessarily true since we haven't chosen a list view but we set it to true because we want to display the resource refresh button for the object - console.log('Object selected - ' + this.selectedObject + ' for ' + this.pageName); - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'objectSelected', status: 'finished', object: this.selectedObject } })); - - this.getListViewsForObject(); + try { + this.spinnerOn('handleObjectChange'); + const { detail, target } = event; + if (this.typeAheadObjectSearch === true) { + this.selectedObject = detail?.selectedValue ?? ''; + } else { + this.selectedObject = target?.value ?? ''; + } + this.selectedListView = undefined; + this.selectedListViewId = undefined; + this.selectedListViewExportName = undefined; + this.whereClauseListView = this.createWhereClause('simpli_lv__Object_Name__c', '=', this.selectedObject); + this.listViewList = undefined; + this.listViewData = undefined; + this.listViewDataRows = undefined; + this.objectActionList = undefined; + this.displayedActionList = []; + this.columnSortDataStr = ''; + this.columnSortData = new Map(); + this.modifiedText = ''; + this.textSearchText = ''; + this.isCoreListView = true; //this is not necessarily true since we haven't chosen a list view but we set it to true because we want to display the resource refresh button for the object + console.log('Object selected - ' + this.selectedObject + ' for ' + this.pageName); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'objectSelected', status: 'finished', object: this.selectedObject } })); + this.getListViewsForObject(); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - /* * Called when a user changed a list view, used * to retrieve record data. */ handleListViewChanged(event) { - - console.log('Old list view - ' + this.selectedListView + ' for ' + this.pageName); - console.log('Sort data - ' + this.listViewSortData + ' for ' + this.pageName); - this.spinnerOn('handleListViewChanged'); - this.textSearchText = ''; - - //set the old column sort information into the list view sort data for caching otherwise it disappears. - if (this.columnSortDataStr !== '') { - this.listViewSortData.set(this.selectedObject + ':' + this.selectedListView, this.columnSortData); - } - - //set the new selected list view (COMBO BOX) - this.selectedListView = event.target.value; - - //set the new selected list view (TYPE AHEAD) - if (event.detail.selectedValue !== undefined) - this.selectedListView = event.detail.selectedValue; - - console.log('New list view - ' + this.selectedListView + ' for ' + this.pageName); - this.selectedListViewExportName = this.selectedListView + '.csv'; - - //set the column sort information for the NEW list view - if (this.listViewSortData.get(this.selectedObject + ':' + this.selectedListView) !== undefined) { - this.columnSortData = this.listViewSortData.get(this.selectedObject + ':' + this.selectedListView); - this.columnSortDataStr = JSON.stringify(Array.from(this.columnSortData)); - - } else { - this.columnSortDataStr = ''; - this.columnSortData = new Map(); - } - - //if we are not in the construction of the page and we change the list view and its the pinned list view - if (this.componentConfig !== undefined && this.pinnedObject === this.selectedObject && this.pinnedListView === this.selectedListView) { - this.isPinned = true; - } else { - this.isPinned = false; + try { + const { detail, target } = event; + const { value } = target; + const { selectedValue } = detail; + console.log('Old list view - ' + this.selectedListView + ' for ' + this.pageName); + console.log('Sort data - ' + this.listViewSortData + ' for ' + this.pageName); + this.spinnerOn('handleListViewChanged'); + this.textSearchText = ''; + //set the old column sort information into the list view sort data for caching otherwise it disappears. + if (this.columnSortDataStr !== '') { + this.listViewSortData.set(this.selectedObject + ':' + this.selectedListView, this.columnSortData); + } + //set the new selected list view (COMBO BOX) + this.selectedListView = value; + //set the new selected list view (TYPE AHEAD) + if (selectedValue !== undefined) + this.selectedListView = selectedValue; + console.log('New list view - ' + this.selectedListView + ' for ' + this.pageName); + this.selectedListViewExportName = this.selectedListView + '.csv'; + //set the column sort information for the NEW list view + if (this.listViewSortData.get(this.selectedObject + ':' + this.selectedListView) !== undefined) { + this.columnSortData = this.listViewSortData.get(this.selectedObject + ':' + this.selectedListView); + this.columnSortDataStr = JSON.stringify(Array.from(this.columnSortData)); + } else { + this.columnSortDataStr = ''; + this.columnSortData = new Map(); + } + //if we are not in the construction of the page and we change the list view and its the pinned list view + if (this.componentConfig !== undefined && this.pinnedObject === this.selectedObject && this.pinnedListView === this.selectedListView) { + this.isPinned = true; + } else { + this.isPinned = false; + } + this.refreshTitle = 'Click to perform list view refresh on current list view'; + console.log('Starting ListView Data Refresh for ' + this.pageName); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'listViewSelected', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); + this.refreshAllListViewData(); + } catch (error) { + SLVHelper.showErrorMessage(error); } - this.refreshTitle = 'Click to perform list view refresh on current list view'; - - console.log('Starting ListView Data Refresh for ' + this.pageName); - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'listViewSelected', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); - - this.refreshAllListViewData(); } - /* * Method for handling when a user pins a given list view. */ - handlePinningClick(event) { + handlePinningClick() { this.isPinned = true; - console.log(this.pageName + ' CALLOUT - updateUserConfig(pinnedListView) - ' + this.calloutCount++); - updateUserConfig({ compName: this.pageName, configName: 'pinnedListView', value: this.selectedObject + ':' + this.selectedListView }) - .then(result => { - this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Pinned', 'List view successfully pinned.', false)); - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'pinListView', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Pinning Error', 'Error during user configuration update.', true)); - }); - + updateUserConfig({ compName: this.pageName, configName: 'pinnedListView', value: this.selectedObject + ':' + this.selectedListView }).then(() => { + this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Pinned', 'List view successfully pinned.', false)); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'pinListView', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Pinning Error', 'Error during user configuration update.', true)); + }); } - /* * Method for handling when a user UNPINS a given list view. */ - handleUnpinningClick(event) { - + handleUnpinningClick() { console.log(this.pageName + ' CALLOUT - updateUserConfig(pinnedListView) - ' + this.calloutCount++); - updateUserConfig({ compName: this.pageName, configName: 'pinnedListView', value: '' }) - .then(result => { - console.log('RESULT - ' + result); - if (result === 'success') { - this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Unpinned', 'List view successfully unpinned.', false)); - this.isPinned = false; - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'unpinListView', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); - - } else { - console.log('List view unpinning NOT successful for ' + this.pageName); - this.dispatchEvent(SLVHelper.createToast('error', '', 'Unpinning Error', 'There was a problem unpinning the list view. This might be due to user permissions.', false)); - } - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Unpinning Error', 'There was a problem unpinning the list view. This might be due to user permissions.', true)); - }); + updateUserConfig({ compName: this.pageName, configName: 'pinnedListView', value: '' }).then(result => { + console.log('RESULT - ' + result); + if (result === 'success') { + this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Unpinned', 'List view successfully unpinned.', false)); + this.isPinned = false; + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'unpinListView', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); + } else { + console.log('List view unpinning NOT successful for ' + this.pageName); + this.dispatchEvent(SLVHelper.createToast('error', '', 'Unpinning Error', 'There was a problem unpinning the list view. This might be due to user permissions.', false)); + } + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Unpinning Error', 'There was a problem unpinning the list view. This might be due to user permissions.', true)); + }); } - /* * Called when a URL on the pages table data is clicked */ handleURLClick(event) { - - var target = event.target.target; - //this is the URL - console.log('URL clicked - ' + event.target.href + ' for ' + this.pageName); - console.log('URL target - ' + target + ' for ' + this.pageName); - - //hack to get the record Id from the URL - const chars = event.target.href.split('/'); - console.log('Id - ' + chars[5] + ' for ' + this.pageName); - - //stop the link from doing its usual thing as we will be doing our thing. - event.preventDefault(); - event.stopPropagation(); - - SLVHelper.invokeWorkspaceAPI('isConsoleNavigation').then(isConsole => { - if (isConsole) { - SLVHelper.invokeWorkspaceAPI('getFocusedTabInfo').then(focusedTab => { - - if (focusedTab !== undefined && focusedTab.tabId !== undefined) { - SLVHelper.invokeWorkspaceAPI('openSubtab', { - parentTabId: focusedTab.tabId, - recordId: chars[5], - focus: true - }).then(tabId => { - console.log("Newly opened tab id - ", tabId); - }); - + try { + const target = event.target.target; + //this is the URL + console.log('URL clicked - ' + event.target.href + ' for ' + this.pageName); + console.log('URL target - ' + target + ' for ' + this.pageName); + //hack to get the record Id from the URL + const chars = event.target.href.split('/'); + console.log('Id - ' + chars[5] + ' for ' + this.pageName); + //stop the link from doing its usual thing as we will be doing our thing. + event.preventDefault(); + event.stopPropagation(); + SLVHelper.invokeWorkspaceAPI('isConsoleNavigation').then(isConsole => { + if (isConsole) { + SLVHelper.invokeWorkspaceAPI('getFocusedTabInfo').then(focusedTab => { + if (focusedTab !== undefined && focusedTab.tabId !== undefined) { + SLVHelper.invokeWorkspaceAPI('openSubtab', { + parentTabId: focusedTab.tabId, + recordId: chars[5], + focus: true + }).then(tabId => { + console.log("Newly opened tab id - ", tabId); + }); + } else { + // Navigate to record page + this[NavigationMixin.Navigate]({ + type: 'standard__recordPage', + attributes: { + recordId: chars[5], + actionName: 'view', + }, + }); + } + }); + } else { + //if we are opening a up a new window then use the whole URL as is. + if (target === '_blank') { + // Navigate to a URL + this[NavigationMixin.Navigate]({ + type: 'standard__webPage', + attributes: { + url: event.target.href + } + }, true); + //if we are using the same window then get the Id of the URL } else { - // Navigate to record page this[NavigationMixin.Navigate]({ type: 'standard__recordPage', @@ -1563,47 +1339,19 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) actionName: 'view', }, }); - } - }); - - } else { - - //if we are opening a up a new window then use the whole URL as is. - if (target === '_blank') { - // Navigate to a URL - this[NavigationMixin.Navigate]({ - type: 'standard__webPage', - attributes: { - url: event.target.href - } - }, - true); - - //if we are using the same window then get the Id of the URL - } else { - // Navigate to record page - this[NavigationMixin.Navigate]({ - type: 'standard__recordPage', - attributes: { - recordId: chars[5], - actionName: 'view', - }, - }); } - - } - }); - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'urlClicked', status: 'finished', url: event.target.href } })); + }); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'urlClicked', status: 'finished', url: event.target.href } })); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - dataSpinnerOn() { this.dataSpinner = true; this.canDisplayActions = false; console.log('Data Spinner ON for ' + this.pageName); } - dataSpinnerOff() { this.dataSpinner = false; if (this.objectActionList !== undefined && this.objectActionList.length > 0 && SLVHelper.toBool(this.displayActions) === true) { @@ -1611,844 +1359,739 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) } console.log('Data Spinner OFF for ' + this.pageName); } - spinnerOn(message) { this.spinner = true; console.log('Spinner ON - ' + message + ' - ' + this.pageName); } - spinnerOff(message) { if (this.isInitializing === false) { this.spinner = false; console.log('Spinner OFF - ' + message + ' - ' + this.pageName); } } - handleProcessListViewsButtonClick(event) { - this.spinnerOn('handleProcessListViewsButtonClick'); console.log('Listview process button clicked for ' + this.pageName); console.log('selectedObject - ' + this.selectedObject + ' for ' + this.pageName); console.log('selectedListView - ' + this.selectedListView + ' for ' + this.pageName); console.log('DATA - ' + event.currentTarget.dataset.type); - //if we need to initialize after install or upgrade if (event.currentTarget.dataset.type !== undefined && event.currentTarget.dataset.type === 'full' && this.isInitialized === false) { this.selectedObject = undefined; this.selectedListView = undefined; } - //if we have selected a specific list view to update if (this.selectedObject !== undefined && this.selectedListView !== undefined && this.isInitialized === true) { console.log('Updating SINGLE list view for ' + this.pageName); - console.log(this.pageName + ' CALLOUT - updateSingleListView - ' + this.calloutCount++); - updateSingleListView({ objectType: this.selectedObject, listViewName: this.selectedListView }) - .then(result => { - - if (result === 'success') { - this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Updated Successfully', 'List view has been updated and refreshed successfully.', false)); - this.dispatchEvent(new CustomEvent('processlistviewclick')); - this.refreshAllListViewData(); - - } else { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the list view.', false)); - this.spinnerOff('handleProcessListViewsButtonClick1'); - } - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list view.', true)); - this.spinnerOff('handleProcessListViewsButtonClick2'); - }); - + updateSingleListView({ objectType: this.selectedObject, listViewName: this.selectedListView }).then(result => { + if (result === 'success') { + this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Updated Successfully', 'List view has been updated and refreshed successfully.', false)); + this.dispatchEvent(new CustomEvent('processlistviewclick')); + this.refreshAllListViewData(); + } else { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the list view.', false)); + this.spinnerOff('handleProcessListViewsButtonClick1'); + } + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list view.', true)); + this.spinnerOff('handleProcessListViewsButtonClick2'); + }); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'processSingleListView', status: 'finished', object: this.selectedObject, listView: this.selectedListView } })); - } - //if we have selected an objects list views to update else if (this.selectedObject !== undefined && this.selectedListView === undefined && this.isInitialized === true) { console.log('Updating OBJECT list views for ' + this.pageName); - console.log(this.pageName + ' CALLOUT - updateObjectListViews - ' + this.calloutCount++); - updateObjectListViews({ objectType: this.selectedObject }) - .then(result => { - - if (result === 'success') { - this.dispatchEvent(SLVHelper.createToast('success', '', this.selectedObject + ' List Views Updated', this.selectedObject + ' list views have been updated successfully.', false)); - this.dispatchEvent(new CustomEvent('processlistviewclick')); - this.getListViewsForObject(); - this.spinnerOff('handleProcessListViewsButtonClick3'); - - } else { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the ' + this.selectedObject + ' list views.', false)); - this.spinnerOff('handleProcessListViewsButtonClick4'); - } - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the ' + this.selectedObject + ' list views.', true)); - this.spinnerOff('handleProcessListViewsButtonClick5'); - }); - + updateObjectListViews({ objectType: this.selectedObject }).then(result => { + if (result === 'success') { + this.dispatchEvent(SLVHelper.createToast('success', '', this.selectedObject + ' List Views Updated', this.selectedObject + ' list views have been updated successfully.', false)); + this.dispatchEvent(new CustomEvent('processlistviewclick')); + this.getListViewsForObject(); + this.spinnerOff('handleProcessListViewsButtonClick3'); + } else { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the ' + this.selectedObject + ' list views.', false)); + this.spinnerOff('handleProcessListViewsButtonClick4'); + } + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the ' + this.selectedObject + ' list views.', true)); + this.spinnerOff('handleProcessListViewsButtonClick5'); + }); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'processObjectListViews', status: 'finished', object: this.selectedObject } })); - } - //if we have selected ALL list views to update else if (this.selectedObject === undefined && this.selectedListView === undefined || this.isInitialized === false) { console.log('Updating ALL list views for ' + this.pageName); - console.log(this.pageName + ' CALLOUT - updateAllListViews - ' + this.calloutCount++); - updateAllListViews({}) - .then(result => { - - if (result === 'failed') { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the list views.', false)); - this.spinnerOff('handleProcessListViewsButtonClick6'); - - } else { - this.batchId = result; - this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Processing', 'List view processing has started for all list views. Refresh page after completion to see changes.', false)); - this.dispatchEvent(new CustomEvent('processlistviewclick')); - this.spinnerOff('handleProcessListViewsButtonClick7'); - } - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list views.', true)); - this.spinnerOff('handleProcessListViewsButtonClick8'); - }); + updateAllListViews().then(result => { + if (result === 'failed') { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Processing Error', 'Error processing the list views.', false)); + this.spinnerOff('handleProcessListViewsButtonClick6'); + } else { + this.batchId = result; + this.dispatchEvent(SLVHelper.createToast('success', '', 'List View Processing', 'List view processing has started for all list views. Refresh page after completion to see changes.', false)); + this.dispatchEvent(new CustomEvent('processlistviewclick')); + this.spinnerOff('handleProcessListViewsButtonClick7'); + } + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Processing Error', 'Error processing the list views.', true)); + this.spinnerOff('handleProcessListViewsButtonClick8'); + }); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'processAllListViews', status: 'finished' } })); } - } - calculateWidth(event) { - var childObj = event.target - var parObj = childObj.parentNode; - var mouseStart = event.clientX; - this.mouseDownColumn = event.currentTarget.dataset.index; - while (parObj.tagName !== 'TH') { - parObj = parObj.parentNode; - } - this.mouseStart = mouseStart; - this.oldWidth = parObj.offsetWidth; - this.parentObj = parObj; - - console.log('Mouse start - ' + this.mouseStart); - console.log('Old Width - ' + this.oldWidth); - - if (event.stopPropagation) event.stopPropagation(); - if (event.preventDefault) event.preventDefault(); - event.cancelBubble = true; - event.returnValue = false; + try { + const { target, clientX } = event; + const childObj = target; + let parObj = childObj.parentNode; + const mouseStart = clientX; + this.mouseDownColumn = event.currentTarget.dataset.index; + while (parObj.tagName !== 'TH') { + parObj = parObj.parentNode; + } + this.mouseStart = mouseStart; + this.oldWidth = parObj.offsetWidth; + this.parentObj = parObj; + console.log('Mouse start - ' + this.mouseStart); + console.log('Old Width - ' + this.oldWidth); + if (event.stopPropagation) event.stopPropagation(); + if (event.preventDefault) event.preventDefault(); + event.cancelBubble = true; + event.returnValue = false; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - setNewWidth(event) { - - if (this.mouseStart === undefined) return; - - console.log('event.clientX - ' + event.clientX); - let newWidth = event.clientX - parseFloat(this.mouseStart) + parseFloat(this.oldWidth); - - console.log('New width - ' + newWidth); - - // const mainContainer = this.template.querySelector('.applistscrollwrapper'); - // if (!this.allowHorizontalScrolling && this.listViewData.fieldMetaData.length) { - // const mainContainerWidth = mainContainer.offsetWidth; - // const actionBtnsWidth = this.isEdited ? 60 : 0; - // const maxColumnWidth = ((mainContainerWidth - 32 - actionBtnsWidth) / this.listViewData.fieldMetaData.length).toFixed(0); - // if (newWidth >= maxColumnWidth) { - // newWidth = maxColumnWidth; - // } - // } - - this.parentObj.style.width = newWidth + 'px'; - - this.mouseStart = undefined; - - this.saveColumnWidth(newWidth, this.mouseDownColumn); + try { + if (this.mouseStart === undefined) return; + const { clientX } = event; + console.log('event.clientX - ' + clientX); + let newWidth = clientX - parseFloat(this.mouseStart) + parseFloat(this.oldWidth); + console.log('New width - ' + newWidth); + this.parentObj.style.width = newWidth + 'px'; + this.mouseStart = undefined; + this.saveColumnWidth(newWidth, this.mouseDownColumn); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - saveColumnWidth(newWidth, columnIndex) { console.log(this.pageName + ' CALLOUT - updateUserConfigListViewWidth(columnWidth) - ' + this.calloutCount++); - let configName = 'columnWidths:' + this.selectedObject + ':' + this.selectedListView; console.log('Config width string - ' + configName); - updateUserConfigListViewWidth({ compName: this.pageName, configName: configName, columnIndex: columnIndex, width: newWidth }) - .then(result => { - - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Width Save Error', 'Error during user configuration update.', true)); - }); - + updateUserConfigListViewWidth({ compName: this.pageName, configName: configName, columnIndex: columnIndex, width: newWidth }).then(() => { }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Width Save Error', 'Error during user configuration update.', true)); + }); } - sortColumns(event) { this.spinnerOn('sortColumns'); - - //get all values from the event - let fieldName = event.currentTarget.dataset.name; - let sortDirection = event.currentTarget.dataset.sortdir; - let sortIndex = event.currentTarget.dataset.sortindex; - - if (sortIndex === undefined || sortIndex === '') { - sortIndex = this.columnSortData.size; - } - sortIndex = Number(sortIndex); - - if (sortDirection === undefined || sortDirection === '') { - sortDirection = true; - } else { - sortDirection = SLVHelper.toBool(sortDirection) - } - - let columnData; - - if (this.useSimpleSorting === true) { - if (this.columnSortData.has(sortIndex)) { - columnData = this.columnSortData.get(sortIndex); - - columnData[2] = !columnData[2]; - columnData[0] = 0; - - this.columnSortData = new Map(); - this.columnSortData.set(0, columnData); - //first time clicking on column just add the column for sorting. + try { + const { currentTarget } = event; + const { dataset } = currentTarget; + const { name, sortdir, sortindex } = dataset; + //get all values from the event + let fieldName = name; + let sortDirection = sortdir; + let sortIndex = sortindex; + if (sortIndex === undefined || sortIndex === '') { + sortIndex = this.columnSortData.size; + } + sortIndex = Number(sortIndex); + if (sortDirection === undefined || sortDirection === '') { + sortDirection = true; } else { - columnData = [0, fieldName, sortDirection]; - this.columnSortData = new Map(); - this.columnSortData.set(0, columnData); + sortDirection = SLVHelper.toBool(sortDirection) } - } else { - //clicked on a column already being sorted then switch the direction - if (this.columnSortData.has(sortIndex)) { - columnData = this.columnSortData.get(sortIndex); - - //the second click on the column switch the column. - if (columnData[2] === true) { - columnData[2] = false; - this.columnSortData.set(sortIndex, columnData); - - //third click on the column reset all sorting data. + let columnData; + if (this.useSimpleSorting === true) { + if (this.columnSortData.has(sortIndex)) { + columnData = this.columnSortData.get(sortIndex); + columnData[2] = !columnData[2]; + columnData[0] = 0; + this.columnSortData = new Map(); + this.columnSortData.set(0, columnData); + //first time clicking on column just add the column for sorting. } else { + columnData = [0, fieldName, sortDirection]; this.columnSortData = new Map(); + this.columnSortData.set(0, columnData); } - - //first time clicking on a column then add the column for sorting. } else { - columnData = [sortIndex, fieldName, sortDirection]; - this.columnSortData.set(sortIndex, columnData); + //clicked on a column already being sorted then switch the direction + if (this.columnSortData.has(sortIndex)) { + columnData = this.columnSortData.get(sortIndex); + //the second click on the column switch the column. + if (columnData[2] === true) { + columnData[2] = false; + this.columnSortData.set(sortIndex, columnData); + //third click on the column reset all sorting data. + } else { + this.columnSortData = new Map(); + } + //first time clicking on a column then add the column for sorting. + } else { + columnData = [sortIndex, fieldName, sortDirection]; + this.columnSortData.set(sortIndex, columnData); + } } - + } catch (error) { + SLVHelper.showErrorMessage(error); + } finally { + this.columnSortDataStr = JSON.stringify(Array.from(this.columnSortData)); + this.listViewSortData.set(this.selectedObject + ':' + this.selectedListView, this.columnSortData); + this.refreshAllListViewData(); } - - - this.columnSortDataStr = JSON.stringify(Array.from(this.columnSortData)); - this.listViewSortData.set(this.selectedObject + ':' + this.selectedListView, this.columnSortData); - this.refreshAllListViewData(); } - //ACTIONS - //called when a user selects an action for processing. async handleActionSelect(event) { - this.selectedRecordIds = new Set(); - var selectedRowId = ''; - - this.selectedActionKey = event.target.value; - - console.log('Chosen Action - ' + this.selectedActionKey + ' for ' + this.pageName); - - //get the ACTION - this.displayedActionList.forEach(action => { - if (action.value === this.selectedActionKey) { - this.selectedAction = action; + try { + this.selectedRecordIds = new Set(); + let selectedRowId = ''; + const { target } = event; + const { value } = target + this.selectedActionKey = value; + console.log('Chosen Action - ' + this.selectedActionKey + ' for ' + this.pageName); + //get the ACTION + if (this.displayedActionList?.length) { + this.displayedActionList.forEach(action => { + if (action.value === this.selectedActionKey) { + this.selectedAction = action; + } + }); } - }); - - //get the SELECTED RECORD IDs - let selectedRows = this.template.querySelectorAll('lightning-input'); - selectedRows.forEach(element => { - if (element.checked === true && element.value !== 'all') { - selectedRowId = element.value.substring(0, element.value.indexOf(':')); - if (selectedRowId !== '') - this.selectedRecordIds.add(selectedRowId); + //get the SELECTED RECORD IDs + let selectedRows = this.template.querySelectorAll('lightning-input'); + if (selectedRows?.length) { + selectedRows.forEach(element => { + if (element.checked === true && element.value !== 'all') { + selectedRowId = element.value.substring(0, element.value.indexOf(':')); + if (selectedRowId !== '') + this.selectedRecordIds.add(selectedRowId); + } + }); } - }); - - this.selectedRecordIdsStr = JSON.stringify(Array.from(this.selectedRecordIds)); - - //HYPERLINK - if (this.selectedAction.isHyperlink === true) { - let hyperlink = this.selectedAction.hyperlink; - let recordIdStr = ''; - this.selectedRecordIds.forEach(recordId => { - recordIdStr = recordIdStr + recordId + '%2C'; //%2C = encoded comma - }); - recordIdStr = recordIdStr.slice(0, -3); //remove last "%2C" - - if (this.selectedRecordIds.size > 1) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'Multiple rows cannot be selected for this action', false)); - } else { - - //go through the action parameters checking for field substitutions - this.selectedAction.allParameters.forEach(param => { - let key = '$' + param.aPIName + '$'; - if (hyperlink.includes(key)) { - //get the ROW - let row; - this.listViewDataRows.forEach(element => { - if (element.isDeleted === false && element.salesforceId === recordIdStr) { - row = element; - } - }); - - if (row === undefined) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A row must be selected for this action', false)); - hyperlink = ''; - - } else if (param.value === 'Id') { - hyperlink = hyperlink.replace(key, row.salesforceId); - } else { - - //get the FIELD value and substitute into hyperlink - row.fields.forEach(element => { - if (element.name === param.value) { - hyperlink = hyperlink.replace(key, element.value); + this.selectedRecordIdsStr = JSON.stringify(Array.from(this.selectedRecordIds)); + //HYPERLINK + if (this.selectedAction.isHyperlink === true) { + let hyperlink = this.selectedAction.hyperlink; + let recordIdStr = ''; + this.selectedRecordIds.forEach(recordId => { + recordIdStr = recordIdStr + recordId + '%2C'; //%2C = encoded comma + }); + recordIdStr = recordIdStr.slice(0, -3); //remove last "%2C" + if (this.selectedRecordIds.size > 1) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'Multiple rows cannot be selected for this action', false)); + } else { + //go through the action parameters checking for field substitutions + this.selectedAction.allParameters.forEach(param => { + let key = '$' + param.aPIName + '$'; + if (hyperlink.includes(key)) { + //get the ROW + let row; + this.listViewDataRows.forEach(element => { + if (element.isDeleted === false && element.salesforceId === recordIdStr) { + row = element; } }); + if (row === undefined) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A row must be selected for this action', false)); + hyperlink = ''; + + } else if (param.value === 'Id') { + hyperlink = hyperlink.replace(key, row.salesforceId); + } else { + //get the FIELD value and substitute into hyperlink + row.fields.forEach(element => { + if (element.name === param.value) { + hyperlink = hyperlink.replace(key, element.value); + } + }); + } } + }); + console.log('Hyperlink - ' + hyperlink); + if (hyperlink !== '') { + this[NavigationMixin.Navigate]({ + type: 'standard__webPage', + attributes: { + url: hyperlink, + }, + }); } + } + //GENERATE PDF + } else if (this.selectedAction.className === 'ListViewActionPDF') { + this.spinnerOn('ListViewActionPDF'); + console.log('We are generating a PDF for ' + this.pageName); + console.log(this.pageName + ' CALLOUT - getListViewConfigParameter(PDFTheme) - ' + this.calloutCount++); + let theme = await this.getConfigParameter('PDFTheme'); + if (theme === undefined || theme === null || theme === '') { + theme = 'striped'; //default to striped if nothing returned + } + console.log(this.pageName + ' CALLOUT - updateAllListViews(PDFOrientationPortrait) - ' + this.calloutCount++); + let orientation = await this.getConfigParameter('PDFOrientationPortrait'); + if (orientation === undefined || orientation === null || orientation === '') { + orientation = 'true'; //default to striped if nothing returned + } else if (orientation === 'false') { //true = portrait, false = landscape + orientation = 'landscape'; + } + const { jsPDF } = window.jspdf; + let doc = new jsPDF(orientation); + doc.autoTable({ + head: SLVHelper.headRows(this.listViewData.fieldMetaData), + body: SLVHelper.bodyRows(this.selectedRecordIds, this.listViewDataRows), + theme: theme, + margin: { top: 5, right: 5, bottom: 5, left: 5 }, }); - - console.log('Hyperlink - ' + hyperlink); - - if (hyperlink !== '') { + this.selectedListViewExportName = this.selectedListView + '.pdf'; + doc.save(this.selectedListViewExportName); + this.spinnerOff('ListViewActionPDF'); + //SCREEN FLOW (AUTOMATED FLOWS HAPPEN IN CUSTOM) + } else if (this.selectedAction.isFlow === true && this.selectedAction.flowType === 'Screen Flow' && !this.virtual) { + this.selectedActionLabel = 'Label ' + this.selectedAction.label; + this.showFlowModal = true; + //CREATE/NEW + } else if (this.selectedAction.className === 'ListViewActionCreate' && !this.virtual) { + let navLocation = 'DETAIL'; + let defaultValues = {}; + if (this.isModeRelated) { + defaultValues[this.joinFieldName] = this.recordId; + navLocation = 'RELATED_LIST'; + } + //go through the action parameters checking for field substitutions + this.selectedAction.allParameters.forEach(param => { + if (param.aPIName === 'UserField') + defaultValues[param.value] = currentUserId; + if (param.aPIName === 'NoRedirect' && param.value === 'true') + navLocation = 'RELATED_LIST'; + }); + defaultValues = encodeDefaultFieldValues(defaultValues); + try { this[NavigationMixin.Navigate]({ - type: 'standard__webPage', + type: 'standard__objectPage', attributes: { - url: hyperlink, + objectApiName: this.selectedObject, + actionName: 'new', }, + state: { + useRecordTypeCheck: 1, + defaultFieldValues: defaultValues, + navigationLocation: navLocation, + } + }).then(() => { + this.refreshAllListViewData(); }); + } catch (error) { + SLVHelper.showErrorMessage(error); } - } - - //GENERATE PDF - } else if (this.selectedAction.className === 'ListViewActionPDF') { - this.spinnerOn('ListViewActionPDF'); - console.log('We are generating a PDF for ' + this.pageName); - - console.log(this.pageName + ' CALLOUT - getListViewConfigParameter(PDFTheme) - ' + this.calloutCount++); - var theme = await this.getConfigParameter('PDFTheme'); - if (theme === undefined || theme === null || theme === '') { - theme = 'striped'; //default to striped if nothing returned - } - - - console.log(this.pageName + ' CALLOUT - updateAllListViews(PDFOrientationPortrait) - ' + this.calloutCount++); - var orientation = await this.getConfigParameter('PDFOrientationPortrait'); - if (orientation === undefined || orientation === null || orientation === '') { - orientation = 'true'; //default to striped if nothing returned - } else if (orientation === 'false') { //true = portrait, false = landscape - orientation = 'landscape'; - } - - const { jsPDF } = window.jspdf; - var doc = new jsPDF(orientation); - - doc.autoTable({ - head: SLVHelper.headRows(this.listViewData.fieldMetaData), - body: SLVHelper.bodyRows(this.selectedRecordIds, this.listViewDataRows), - theme: theme, - margin: { top: 5, right: 5, bottom: 5, left: 5 }, - }); - - this.selectedListViewExportName = this.selectedListView + '.pdf'; - - doc.save(this.selectedListViewExportName); - this.spinnerOff('ListViewActionPDF'); - - //SCREEN FLOW (AUTOMATED FLOWS HAPPEN IN CUSTOM) - } else if (this.selectedAction.isFlow === true && this.selectedAction.flowType === 'Screen Flow' && !this.virtual) { - this.selectedActionLabel = 'Label ' + this.selectedAction.label; - - this.showFlowModal = true; - - //CREATE/NEW - } else if (this.selectedAction.className === 'ListViewActionCreate' && !this.virtual) { - let navLocation = 'DETAIL'; - - var defaultValues = {}; - if (this.isModeRelated) { - defaultValues[this.joinFieldName] = this.recordId; - navLocation = 'RELATED_LIST'; - } - - //go through the action parameters checking for field substitutions - this.selectedAction.allParameters.forEach(param => { - if (param.aPIName === 'UserField') - defaultValues[param.value] = currentUserId; - if (param.aPIName === 'NoRedirect' && param.value === 'true') - navLocation = 'RELATED_LIST'; - }); - - defaultValues = encodeDefaultFieldValues(defaultValues); - - try { - this[NavigationMixin.Navigate]({ - type: 'standard__objectPage', - attributes: { - objectApiName: this.selectedObject, - actionName: 'new', - }, - state: { - useRecordTypeCheck: 1, - defaultFieldValues: defaultValues, - navigationLocation: navLocation, - } - }).then(result => { - this.refreshAllListViewData(); - }); - } catch (e) { - console.log('EXCEPTION THROWN - ' + JSON.stringify(e)); - } - - //CLONE - } else if (this.selectedAction.className === 'ListViewActionClone' && !this.virtual) { - - if (this.selectedRecordIds.size !== 1) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A single row must be selected for cloning', false)); - } else { - console.log('We are cloning the following id - ' + selectedRowId + ' for ' + this.pageName); - - this[NavigationMixin.Navigate]({ - type: 'standard__recordPage', - attributes: { - objectApiName: this.selectedObject, - actionName: 'clone', - recordId: selectedRowId, - }, - }); - this.dispatchEvent(new CustomEvent('processclick')); - } - - //EDIT - } else if (this.selectedAction.className === 'ListViewActionEdit' && !this.virtual) { - - if (this.selectedRecordIds.size !== 1) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A single row must be selected for editing', false)); - } else { - - console.log('We are editing the following id - ' + selectedRowId + ' for ' + this.pageName); - - this[NavigationMixin.Navigate]({ - type: 'standard__recordPage', - attributes: { - objectApiName: this.selectedObject, - actionName: 'edit', - recordId: selectedRowId, - }, - }); - this.dispatchEvent(new CustomEvent('processclick')); - } - - //EDIT All - } else if (this.selectedAction.className === 'ListViewActionEditAll' && !this.virtual) { - - console.log('We are editing all records for ' + this.pageName); - - if (this.listViewDataRows.length > 101) { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Too Many Rows!', 'Inline editing only available for up to 100 rows', false)); - } else { - this.setAllRowsEdited(); - } - - //MASS CREATE - } else if (this.selectedAction.className === 'ListViewActionMassCreate' && !this.virtual) { - - console.log('We are mass creating records for ' + this.pageName); - if (this.selectedAction.massCreateListViewName !== undefined) - this.massCreateListView = this.selectedAction.massCreateListViewName - else - this.massCreateListView = this.selectedListView; - - this.showMassCreateModal = true; - - //EMAIL USING TEMPLATE - } else if (this.selectedAction.className === 'ListViewActionEmail' && this.selectedAction.emailTemplateFolder !== '' && this.selectedRecordIds.size > 0 && !this.virtual) { - console.log('We are creating emails from a template for ' + this.pageName); - this.showEmailTemplateModal = true; - this.emailTemplateFolder = this.selectedAction.emailTemplateFolder; - this.emailTemplateWhatIdField = this.selectedAction.emailTemplateWhatIdField; - this.spinnerOff('ListViewActionEmailTemplate'); - - //CUSTOM - } else { - - if (this.selectedAction.hasDisplayParameters) { - - this.selectedActionLabel = 'Label ' + this.selectedAction.label; // <-- This to be fixed. - - console.log('Action Label selected - ' + this.selectedActionLabel + ' for ' + this.pageName); - console.log('Action name - ' + this.selectedAction.value + ' for ' + this.pageName); - console.log('Action Record Ids - ' + this.selectedRecordIdsStr + ' for ' + this.pageName); - - this.showActionModal = true; - - } else if (this.virtual) { - this.dispatchEvent(new CustomEvent('runaction', { detail: { action: this.selectedAction } })); - this.resetActionComboBox(); - return; - + //CLONE + } else if (this.selectedAction.className === 'ListViewActionClone' && !this.virtual) { + if (this.selectedRecordIds.size !== 1) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A single row must be selected for cloning', false)); + } else { + console.log('We are cloning the following id - ' + selectedRowId + ' for ' + this.pageName); + this[NavigationMixin.Navigate]({ + type: 'standard__recordPage', + attributes: { + objectApiName: this.selectedObject, + actionName: 'clone', + recordId: selectedRowId, + }, + }); + this.dispatchEvent(new CustomEvent('processclick')); + } + //EDIT + } else if (this.selectedAction.className === 'ListViewActionEdit' && !this.virtual) { + if (this.selectedRecordIds.size !== 1) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Error Processing Action', 'A single row must be selected for editing', false)); + } else { + console.log('We are editing the following id - ' + selectedRowId + ' for ' + this.pageName); + this[NavigationMixin.Navigate]({ + type: 'standard__recordPage', + attributes: { + objectApiName: this.selectedObject, + actionName: 'edit', + recordId: selectedRowId, + }, + }); + this.dispatchEvent(new CustomEvent('processclick')); + } + //EDIT All + } else if (this.selectedAction.className === 'ListViewActionEditAll' && !this.virtual) { + console.log('We are editing all records for ' + this.pageName); + if (this.listViewDataRows.length > 101) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Too Many Rows!', 'Inline editing only available for up to 100 rows', false)); + } else { + this.setAllRowsEdited(); + } + //MASS CREATE + } else if (this.selectedAction.className === 'ListViewActionMassCreate' && !this.virtual) { + console.log('We are mass creating records for ' + this.pageName); + if (this.selectedAction.massCreateListViewName !== undefined) + this.massCreateListView = this.selectedAction.massCreateListViewName + else + this.massCreateListView = this.selectedListView; + this.showMassCreateModal = true; + //EMAIL USING TEMPLATE + } else if (this.selectedAction.className === 'ListViewActionEmail' && this.selectedAction.emailTemplateFolder !== '' && this.selectedRecordIds.size > 0 && !this.virtual) { + console.log('We are creating emails from a template for ' + this.pageName); + this.showEmailTemplateModal = true; + this.emailTemplateFolder = this.selectedAction.emailTemplateFolder; + this.emailTemplateWhatIdField = this.selectedAction.emailTemplateWhatIdField; + this.spinnerOff('ListViewActionEmailTemplate'); + //CUSTOM } else { - - this.selectedActionLabel = 'Label ' + this.selectedAction.label; // <-- This to be fixed. - - console.log('Action Label selected - ' + this.selectedActionLabel + ' for ' + this.pageName); - console.log('Action name - ' + this.selectedAction.value + ' for ' + this.pageName); - console.log('Action Record Ids - ' + this.selectedRecordIdsStr + ' for ' + this.pageName); - - this.showActionModal = true; + if (this.selectedAction.hasDisplayParameters) { + this.selectedActionLabel = 'Label ' + this.selectedAction.label; // <-- This to be fixed. + console.log('Action Label selected - ' + this.selectedActionLabel + ' for ' + this.pageName); + console.log('Action name - ' + this.selectedAction.value + ' for ' + this.pageName); + console.log('Action Record Ids - ' + this.selectedRecordIdsStr + ' for ' + this.pageName); + this.showActionModal = true; + } else if (this.virtual) { + this.dispatchEvent(new CustomEvent('runaction', { detail: { action: this.selectedAction } })); + this.resetActionComboBox(); + return; + } else { + this.selectedActionLabel = 'Label ' + this.selectedAction.label; // <-- This to be fixed. + console.log('Action Label selected - ' + this.selectedActionLabel + ' for ' + this.pageName); + console.log('Action name - ' + this.selectedAction.value + ' for ' + this.pageName); + console.log('Action Record Ids - ' + this.selectedRecordIdsStr + ' for ' + this.pageName); + this.showActionModal = true; + } } + this.resetActionComboBox(); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'runAction', status: 'finished', action: this.selectedActionKey, listView: this.selectedListView, object: this.selectedObject } })); + } catch (error) { + SLVHelper.showErrorMessage(error); } - - this.resetActionComboBox(); - - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'runAction', status: 'finished', action: this.selectedActionKey, listView: this.selectedListView, object: this.selectedObject } })); - } - resetActionComboBox() { this.template.querySelectorAll('lightning-combobox').forEach(combobox => { if (combobox.name === 'Action List') combobox.value = undefined; }); } - handleCancelButtonClick(event) { - var action = event.target.label; - if (action === 'Cancel') { - this.outputStr = this.action; + try { + const { target } = event; + const { label } = target; + const action = label; + if (action === 'Cancel') { + this.outputStr = this.action; + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - handleMassCreateModalClose() { this.showMassCreateModal = false; } - handleEmailTemplateModalClose() { this.showEmailTemplateModal = false; } - cancelActionModal() { this.resetActionComboBox(); this.showActionModal = false; } - processActionModal() { - this.showActionModal = false; this.selectedAction = ''; - this.refreshAllListViewData(); } - processActionModalRunAction(event) { - this.showActionModal = false; - this.dispatchEvent(new CustomEvent('runaction', { detail: { action: event.detail.action, valuesMap: event.detail.valuesMap } })); + try { + const { detail } = event; + const { action, valuesMap } = detail; + this.showActionModal = false; + this.dispatchEvent(new CustomEvent('runaction', { detail: { action: action, valuesMap: valuesMap } })); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - //ADMIN - - handleAdminButtonClick(event) { + handleAdminButtonClick() { console.log('Admin button clicked for ' + this.pageName); - this.showAdminModal = true; } - async processAdminModal(event) { - this.showAdminModal = false; - - if (event.detail === true) { - this.refreshRate = await this.getConfigParameter('RefreshRate'); - this.singleClickAutoRefresh = await this.getConfigParameter('SingleClickAutoDataRefresh'); - - this.handleComponentConfig(); - - refreshApex(this.wiredListViewConfigResult); - this.refreshAllListViewData(); + try { + const { detail } = event; + this.showAdminModal = false; + if (detail === true) { + this.refreshRate = await this.getConfigParameter('RefreshRate'); + this.singleClickAutoRefresh = await this.getConfigParameter('SingleClickAutoDataRefresh'); + this.handleComponentConfig(); + refreshApex(this.wiredListViewConfigResult); + this.refreshAllListViewData(); + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - //FLOW - cancelFlowModal() { this.resetActionComboBox(); this.showFlowModal = false; } - finishFlowModal() { - //reset the selected record Ids let selectedRows = this.template.querySelectorAll('lightning-input'); selectedRows.forEach(element => { element.checked = false; }); this.selectedRecordCount = 0; this.showFlowModal = false; - this.refreshAllListViewData(); } - //INLINE EDITING - setAllRowsEdited() { if (SLVHelper.toBool(this.allowInlineEditing) === true) { this.isEdited = true; this.listViewData.isEdited = true; - this.listViewDataRows.forEach(element => { - if (element.isDeleted === false) { - element.isEdited = true; - } - }); + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + if (element.isDeleted === false) { + element.isEdited = true; + } + }); + } } else { this.dispatchEvent(SLVHelper.createToast('info', '', 'Editing Not Available', 'Inline editing is not available for this list view.', false)); } } - setRowEdited(event) { - console.log('Row set to be edited - ' + event.target.id + ' for ' + this.pageName); - const rowId = event.target.id.split('-')[0]; - - if (SLVHelper.toBool(this.allowInlineEditing) === true) { - this.isEdited = true; - this.listViewData.isEdited = true; - this.listViewDataRows.forEach(element => { - if (element.rowId === rowId && element.isEditable) { - if (element.isDeleted === false) { - element.isEdited = true; - } else { - this.dispatchEvent(SLVHelper.createToast('info', '', 'Warning', 'This row has already been deleted. No updates can be made.', false)); - } + try { + console.log('Row set to be edited - ' + event.target.id + ' for ' + this.pageName); + const rowId = event.target.id.split('-')[0]; + if (SLVHelper.toBool(this.allowInlineEditing) === true) { + this.isEdited = true; + this.listViewData.isEdited = true; + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + if (element.rowId === rowId && element.isEditable) { + if (element.isDeleted === false) { + element.isEdited = true; + } else { + this.dispatchEvent(SLVHelper.createToast('warning', '', 'Warning', 'This row has already been deleted. No updates can be made.', false)); + } + } + }); } - }); - } else { - this.dispatchEvent(SLVHelper.createToast('info', '', 'Editing Not Available', 'Inline editing is not available for this list view.', false)); + } else { + this.dispatchEvent(SLVHelper.createToast('info', '', 'Editing Not Available', 'Inline editing is not available for this list view.', false)); + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - handleRowDataSave(event) { - console.log('Row data saved for ' + this.pageName); - - let rowId = event.target.value; - - let rowData = this.updatedRowData.get(rowId); - - if (rowData !== undefined) { - this.spinnerOn('handleRowDataSave'); - let rowDataStr = JSON.stringify(Array.from(rowData)); //map objects cannot be stringified - console.log('SAVE RESULT - ' + rowDataStr); - - if (this.virtual) { - this.dispatchEvent(new CustomEvent('savedatarow', { detail: { rowId: rowId, rowData: rowDataStr } })); - this.spinnerOff('handleRowDataSave'); - } else { - - console.log(this.pageName + ' CALLOUT - updateRecord - ' + this.calloutCount++); - updateRecord({ rowId: rowId, rowData: rowDataStr }) - .then(result => { + try { + const { target } = event; + const { value } = target; + console.log('Row data saved for ' + this.pageName); + let rowId = value; + let rowData = this.updatedRowData.get(rowId); + if (rowData !== undefined) { + this.spinnerOn('handleRowDataSave'); + let rowDataStr = JSON.stringify(Array.from(rowData)); //map objects cannot be stringified + console.log('SAVE RESULT - ' + rowDataStr); + if (this.virtual) { + this.dispatchEvent(new CustomEvent('savedatarow', { detail: { rowId: rowId, rowData: rowDataStr } })); + this.spinnerOff('handleRowDataSave'); + } else { + console.log(this.pageName + ' CALLOUT - updateRecord - ' + this.calloutCount++); + updateRecord({ rowId: rowId, rowData: rowDataStr }).then(result => { console.log('Record update response - ' + result); - if (result === '') { this.dispatchEvent(SLVHelper.createToast('success', '', 'Success', 'Record saved successfully.', false)); - - this.listViewDataRows.forEach(element => { - if (element.rowId === rowId) { - element.isEdited = false; - } - }); - + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + if (element.rowId === rowId) { + element.isEdited = false; + } + }); + } this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'dataSaved', status: 'finished', rowId: rowId, listView: this.selectedListView, object: this.selectedObject } })); - this.refreshAllListViewData(); } else { this.dispatchEvent(SLVHelper.createToast('error', '', 'Error', 'There was a validation exception - ' + result, false)); } - }) - .catch(error => { + }).catch(error => { this.dispatchEvent(SLVHelper.createToast('error', error, 'Error', 'Error saving the record.', true)); this.spinnerOff('handleRowDataSave'); }); + } + } else { + this.dispatchEvent(SLVHelper.createToast('warning', '', 'Warning', 'There was no updated data to save.', false)); + this.spinnerOff('handleAllRowDataSave'); } - } else { - this.dispatchEvent(SLVHelper.createToast('info', '', 'Warning', 'There was no updated data to save.', false)); - this.spinnerOff('handleAllRowDataSave'); + } catch (error) { + SLVHelper.showErrorMessage(error); } } - - handleAllRowDataSave(event) { + handleAllRowDataSave() { this.spinnerOn('handleAllRowDataSave'); let rowData = this.updatedRowData; //map of maps - if (rowData !== undefined) { if (rowData.size > 0) { let rowDataStr = '{' rowData.forEach((element, key) => { rowDataStr = rowDataStr + '"' + key + '":' + JSON.stringify(Array.from(element)) + ','; }); - rowDataStr = rowDataStr.slice(0, -1) + '}'; - console.log('SAVE RESULT - ' + rowDataStr + ' for ' + this.pageName); - if (this.virtual) { this.dispatchEvent(new CustomEvent('savedatarows', { detail: { rowData: rowDataStr } })); this.spinnerOff('handleAllRowDataSave'); } else { - console.log(this.pageName + ' CALLOUT - updateRecords - ' + this.calloutCount++); - updateRecords({ rowData: rowDataStr }) - .then(result => { - console.log('Save successful for ' + this.pageName); - let rowCount = 0; - if (this.updatedRowData !== undefined) { - rowCount = this.updatedRowData.size; - } - - if (rowCount > 0) { - this.dispatchEvent(SLVHelper.createToast('success', '', 'Success', rowCount + ' record(s) saved successfully.', false)); - this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'dataSaved', status: 'finished', object: this.selectedObject, listView: this.selectedListView, rowCount: rowCount } })); - } - - this.refreshAllListViewData(); - + updateRecords({ rowData: rowDataStr }).then(() => { + console.log('Save successful for ' + this.pageName); + let rowCount = 0; + if (this.updatedRowData !== undefined) { + rowCount = this.updatedRowData.size; + } + if (rowCount > 0) { + this.dispatchEvent(SLVHelper.createToast('success', '', 'Success', rowCount + ' record(s) saved successfully.', false)); + this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: 'dataSaved', status: 'finished', object: this.selectedObject, listView: this.selectedListView, rowCount: rowCount } })); + } + this.refreshAllListViewData(); + if (this.listViewDataRows?.length) { this.listViewDataRows.forEach(element => { element.isEdited = false; }); - - this.updatedRowData = new Map(); - this.isEdited = false; - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Error', 'Error saving the records.', true)); - this.spinnerOff('handleAllRowDataSave'); - }); + } + this.updatedRowData = new Map(); + this.isEdited = false; + }).catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Error', 'Error saving the records.', true)); + this.spinnerOff('handleAllRowDataSave'); + }); } } else { - this.dispatchEvent(SLVHelper.createToast('info', '', 'Warning', 'There was no updated data to save.', false)); + this.dispatchEvent(SLVHelper.createToast('warning', '', 'Warning', 'There was no updated data to save.', false)); this.spinnerOff('handleAllRowDataSave'); } } - } - handleRowDataReset(event) { - console.log('Row data reset for ' + this.pageName); - - let rowId = event.target.value; - - this.updatedRowData.delete(rowId); - - let editedCount = 0; - this.listViewDataRows.forEach(element => { - if (element.rowId === rowId) { - element.isEdited = false; - } else { - if (element.isEdited === true) - editedCount++; + try { + console.log('Row data reset for ' + this.pageName); + const { target } = event; + const { value } = target; + let rowId = value; + this.updatedRowData.delete(rowId); + let editedCount = 0; + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + if (element.rowId === rowId) { + element.isEdited = false; + } else { + if (element.isEdited === true) + editedCount++; + } + }); } - }); - - //set form to not editing if no rows are processing. - if (editedCount === 0) { - this.isEdited = false; + //set form to not editing if no rows are processing. + if (editedCount === 0) { + this.isEdited = false; + } + } catch (error) { + SLVHelper.showErrorMessage(error); } - } - - handleAllRowDataReset(event) { - - this.listViewDataRows.forEach(element => { - element.isEdited = false; - }); - + handleAllRowDataReset() { + if (this.listViewDataRows?.length) { + this.listViewDataRows.forEach(element => { + element.isEdited = false; + }); + } this.isEdited = false; } - handleFieldDataChange(event) { - console.log('Field changed for ' + this.pageName); - - //if data is coming in from a component - let fieldValue = ''; - let rowId = ''; - let fieldName = ''; - - //if data is coming in from a component - if (event.currentTarget.dataset.type === undefined) { - fieldValue = event.detail.selectedValue; - rowId = event.detail.rowId; - fieldName = event.detail.field; - - } else { - if (event.currentTarget.dataset.type === 'boolean') { - if (event.target.checked === true) { - fieldValue = 'true'; //have to turn boolean into string + try { + console.log('Field changed for ' + this.pageName); + const { detail, currentTarget, target } = event; + const { value, checked } = target; + const { selectedValue, field } = detail; + const { dataset } = currentTarget; + const { type } = dataset; + //if data is coming in from a component + let fieldValue = ''; + let rowId = ''; + let fieldName = ''; + //if data is coming in from a component + if (type === undefined) { + fieldValue = selectedValue; + rowId = detail?.rowId ?? ""; + fieldName = field; + } else { + if (type === 'boolean') { + if (checked === true) { + fieldValue = 'true'; //have to turn boolean into string + } else { + fieldValue = 'false' + } + rowId = dataset?.rowId; + fieldName = dataset?.field; } else { - fieldValue = 'false' + fieldValue = value; + rowId = dataset?.rowId; + fieldName = dataset?.field; } - rowId = event.currentTarget.dataset.rowId; - fieldName = event.currentTarget.dataset.field; - } else { - fieldValue = event.target.value; - rowId = event.currentTarget.dataset.rowId; - fieldName = event.currentTarget.dataset.field; } + console.log('fieldValue - ' + fieldValue + ' for ' + this.pageName); + console.log('rowId - ' + rowId + ' for ' + this.pageName); + console.log('fieldName - ' + fieldName + ' for ' + this.pageName); + let rowData = this.updatedRowData.get(rowId); + if (rowData === undefined) { + rowData = new Map(); + this.updatedRowData.set(rowId, rowData); + } + rowData.set(fieldName, fieldValue); + } catch (error) { + SLVHelper.showErrorMessage(error); } - - console.log('fieldValue - ' + fieldValue + ' for ' + this.pageName); - console.log('rowId - ' + rowId + ' for ' + this.pageName); - console.log('fieldName - ' + fieldName + ' for ' + this.pageName); - - let rowData = this.updatedRowData.get(rowId); - - if (rowData === undefined) { - rowData = new Map(); - this.updatedRowData.set(rowId, rowData); - } - - rowData.set(fieldName, fieldValue); - } - //QUICK DATA - handleQuickDataClicked(event) { this.handleQuickDataDisplay(event); } - handleQuickDataKeyDown(event) { - var keyCode = event.keyCode; - if (keyCode === 32 || keyCode === 13) this.handleQuickDataDisplay(event); //if space or enter then quick display + try { + const { keyCode } = event; + if (keyCode === 32 || keyCode === 13) this.handleQuickDataDisplay(event); //if space or enter then quick display + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - handleQuickDataDisplay(event) { - - this.quickDataHeading = 'Test Heading'; - this.quickDataFieldLabel = 'Field Label'; - this.quickDataRowId = event.currentTarget.dataset.rowId; - this.quickDataFieldType = event.currentTarget.dataset.type - this.quickDataFieldValue = event.target.value; - this.quickDataFieldName = event.currentTarget.dataset.field; - this.quickDataComponentId = event.target.name; - this.quickDataOldFieldValue = event.target.value; - this.quickDataObjectName = event.currentTarget.dataset.object; - this.showQuickDataModal = true; + try { + const { currentTarget, target } = event; + const { value, name } = target; + const { dataset } = currentTarget; + const { rowId, type, field, object } = dataset; + this.quickDataHeading = 'Test Heading'; + this.quickDataFieldLabel = 'Field Label'; + this.quickDataRowId = rowId; + this.quickDataFieldType = type + this.quickDataFieldValue = value; + this.quickDataFieldName = field; + this.quickDataComponentId = name; + this.quickDataOldFieldValue = value; + this.quickDataObjectName = object; + this.showQuickDataModal = true; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - handleQuickDataCancelled() { this.showQuickDataModal = false; + // eslint-disable-next-line @lwc/lwc/no-async-operation setTimeout(() => this.setQuickDataComponentFocus(this.quickDataOldFieldValue), 200); } - setQuickDataComponentFocus(fieldValue) { this.template.querySelectorAll('lightning-input').forEach(element => { if (element.name === this.quickDataComponentId) { @@ -2459,112 +2102,124 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) } }); } - handleQuickDataChange(event) { - - this.showQuickDataModal = false; - - let rowId = event.detail.fieldDataId; - let fieldValue = event.detail.value - let fieldName = event.detail.fieldName; - - let rowData = this.updatedRowData.get(rowId); - - if (rowData === undefined) { - rowData = new Map(); - this.updatedRowData.set(rowId, rowData); + try { + const { detail } = event; + const { fieldDataId, value, fieldName } = detail; + this.showQuickDataModal = false; + let rowId = fieldDataId; + let fieldValue = value + let rowData = this.updatedRowData.get(rowId); + if (rowData === undefined) { + rowData = new Map(); + this.updatedRowData.set(rowId, rowData); + } + rowData.set(fieldName, fieldValue); + // eslint-disable-next-line @lwc/lwc/no-async-operation + setTimeout(() => this.setQuickDataComponentFocus(fieldValue), 200); + } catch (error) { + SLVHelper.showErrorMessage(error); } - - rowData.set(fieldName, fieldValue); - - setTimeout(() => this.setQuickDataComponentFocus(fieldValue), 200); } - - handleTextSearchChange(event) { - this.textSearchText = event.target.value; + try { + const { target } = event; + const { value } = target; + this.textSearchText = value; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - handleTextSearch(event) { - - var keyCode = event.code || event.key; - - let searchStr = event.target.value; - console.log('handleTextSearch called - ' + searchStr + ' for ' + this.pageName); - - if (keyCode === 'Enter' && (searchStr.length > 2 || searchStr.length === 0)) { - //CUSTOM list views can only do CLIENT SIDE - if (this.isCustomListView === true) { - this.listViewDataRows.forEach(element => { - if (searchStr === '') { - element.isDisplayed = true; - } else { - if (element.dataAsCSVString.toLowerCase().includes(searchStr.toLowerCase())) { + try { + const { code, key, target } = event; + const keyCode = code || key; + const { value } = target; + let searchStr = value; + console.log('handleTextSearch called - ' + searchStr + ' for ' + this.pageName); + if (keyCode === 'Enter' && (searchStr.length > 2 || searchStr.length === 0)) { + //CUSTOM list views can only do CLIENT SIDE + if (this.isCustomListView === true) { + this.listViewDataRows.forEach(element => { + if (searchStr === '') { element.isDisplayed = true; } else { - element.isDisplayed = undefined; + if (element.dataAsCSVString.toLowerCase().includes(searchStr.toLowerCase())) { + element.isDisplayed = true; + } else { + element.isDisplayed = undefined; + } } - } - }); - - //CORE list views can do SERVER SIDE - } else { - this.textSearchText = searchStr; - this.refreshAllListViewData(); + }); + //CORE list views can do SERVER SIDE + } else { + this.textSearchText = searchStr; + this.refreshAllListViewData(); + } } + } catch (error) { + SLVHelper.showErrorMessage(error); } - } - setJoinCriteria(value) { if (value !== '' && value !== undefined) this.joinData = '{"recordIds":"' + value + '"}'; else this.joinData = ''; - if (!this.isInitializing && this.joinData !== '') this.refreshAllListViewData(); else this.listViewData = undefined; } - displayHoverDetails(event) { - if (this.displayRecordPopovers === true) { - this.hoverSFDCId = event.currentTarget.dataset.sfdcId; - this.hoverAPIName = event.currentTarget.dataset.apiName; - this.hoverLabelName = event.currentTarget.dataset.labelName; - this.hoverIsDisplayed = true; - this.hoverPositionTop = event.pageY - 170; - this.hoverPositionLeft = event.pageX + 10; + try { + const { currentTarget, pageY, pageX } = event; + const { dataset } = currentTarget; + const { sfdcId, apiName, labelName } = dataset; + if (this.displayRecordPopovers === true) { + this.hoverSFDCId = sfdcId; + this.hoverAPIName = apiName; + this.hoverLabelName = labelName; + this.hoverIsDisplayed = true; + this.hoverPositionTop = pageY - 170; + this.hoverPositionLeft = pageX + 10; + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - - hideHoverDetails(event) { + hideHoverDetails() { this.hoverIsDisplayed = false; } - processHoverError(event) { - this.hideHoverDetails(event); - if (!this.hoverErrorTypes.includes(event.detail)) { - this.hoverErrorTypes = this.hoverErrorTypes + ',' + event.detail; + try { + const { detail } = event; + this.hideHoverDetails(event); + if (!this.hoverErrorTypes.includes(detail)) { + this.hoverErrorTypes = this.hoverErrorTypes + ',' + detail; + } + } catch (error) { + SLVHelper.showErrorMessage(error); } } - handleSplitViewClick(event) { - let recordId = event.currentTarget.dataset.rowId; - - const message = { - type: 'selectrecordupdate', - recordIds: recordId, - objectType: this.selectedObject, - uniqueComponentId: this.uniqueComponentId - }; - publish(this.messageContext, LISTVIEW_MC, message); - + try { + const { currentTarget } = event; + const { dataset } = currentTarget; + const { rowId } = dataset; + let recordId = rowId; + const message = { + type: 'selectrecordupdate', + recordIds: recordId, + objectType: this.selectedObject, + uniqueComponentId: this.uniqueComponentId + }; + publish(this.messageContext, LISTVIEW_MC, message); + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - handleEvent(type, requestData) { - try { if (type === 'refreshActions') this.getListViewActions(); @@ -2607,11 +2262,9 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) console.log('Error in handleEvent: ' + error.message); this.dispatchEvent(new CustomEvent('eventresponse', { detail: { type: type, response: 'failed', error: error.message } })); } - console.log('Event response posted (' + this.eventCount + ')'); this.eventCount++; } - handleUpdateSettingEvent(name, value) { switch (name) { case 'hasMainTitle': this.hasMainTitle = SLVHelper.toBool(value); break; @@ -2634,5 +2287,4 @@ export default class simpliUIListViews extends NavigationMixin(LightningElement) default: break; } } - } \ No newline at end of file diff --git a/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/SimpliUIListViewsActionCreateWizardModal.css b/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/SimpliUIListViewsActionCreateWizardModal.css index 7accac6..b1c920d 100644 --- a/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/SimpliUIListViewsActionCreateWizardModal.css +++ b/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/SimpliUIListViewsActionCreateWizardModal.css @@ -2,6 +2,6 @@ overflow: auto; } -.pageSpinnerHolder{ +.pageSpinnerHolder { position: absolute; -} \ No newline at end of file +} diff --git a/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/simpliUIListViewsActionCreateWizardModal.js b/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/simpliUIListViewsActionCreateWizardModal.js index 7f95150..436c90d 100644 --- a/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/simpliUIListViewsActionCreateWizardModal.js +++ b/force-app/main/default/lwc/simpliUIListViewsActionCreateWizardModal/simpliUIListViewsActionCreateWizardModal.js @@ -1,4 +1,5 @@ -import { LightningElement, track, api } from 'lwc'; +/* eslint-disable no-console */ +import { LightningElement, track, api } from 'lwc'; import * as SLVHelper from 'c/simpliUIListViewsHelper'; //------------------------ LABELS ------------------------ @@ -54,50 +55,50 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE get isStepTwo() { return this.currentStep === "2"; } get isStepThree() { return this.currentStep === "3"; } get isStepFour() { return this.currentStep === "4"; } - get isEnableNext() { return this.currentStep != "4"; } - get isEnablePrev() { return this.currentStep != "1"; } + get isEnableNext() { return this.currentStep !== "4"; } + get isEnablePrev() { return this.currentStep !== "1"; } get isEnableSave() { return this.currentStep === "4"; } - get strIsActive() { return this.booleanToYesNo(this.selectedActionIsActive);} - get strActionHasObject() { return this.booleanToYesNo(this.selectedActionHasObject);} - get strSpecificToLtn() { return this.booleanToYesNo(this.selectedActionHasComponent);} + get strIsActive() { return this.booleanToYesNo(this.selectedActionIsActive); } + get strActionHasObject() { return this.booleanToYesNo(this.selectedActionHasObject); } + get strSpecificToLtn() { return this.booleanToYesNo(this.selectedActionHasComponent); } booleanToYesNo(value) { if (value === 'true') return 'Yes'; - else return 'No'; + return 'No'; } get actionRecordTypes() { return [ { label: 'Core', value: 'Core' }, { label: 'Custom', value: 'Custom' }, - ]; + ]; } get booleanList() { return [ - { label: 'Yes', value: 'true'}, - { label: 'No', value: 'false'}, + { label: 'Yes', value: 'true' }, + { label: 'No', value: 'false' }, ]; } get userPermissionsList() { return [ - { label: 'Read', value: 'Read'}, - { label: 'Create', value: 'Create'}, - { label: 'Edit', value: 'Edit'}, - { label: 'Delete', value: 'Delete'}, + { label: 'Read', value: 'Read' }, + { label: 'Create', value: 'Create' }, + { label: 'Edit', value: 'Edit' }, + { label: 'Delete', value: 'Delete' }, ]; } get recVisibleList() { return [ - { label: 'Always Displayed', value: 'Always Displayed'}, - { label: 'Displayed if multiple records are selected', value: 'Displayed if multiple records are selected'}, - { label: 'Displayed if no records are selected', value: 'Displayed if no records are selected'}, - { label: 'Displayed if one or more records are selected', value: 'Displayed if one or more records are selected'}, - { label: 'Displayed if one record is selected', value: 'Displayed if one record is selected'}, - { label: 'Displayed if zero or one record is selected', value: 'Displayed if zero or one record is selected'}, + { label: 'Always Displayed', value: 'Always Displayed' }, + { label: 'Displayed if multiple records are selected', value: 'Displayed if multiple records are selected' }, + { label: 'Displayed if no records are selected', value: 'Displayed if no records are selected' }, + { label: 'Displayed if one or more records are selected', value: 'Displayed if one or more records are selected' }, + { label: 'Displayed if one record is selected', value: 'Displayed if one record is selected' }, + { label: 'Displayed if zero or one record is selected', value: 'Displayed if zero or one record is selected' }, ]; } @@ -143,7 +144,7 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE } get massUpdateRowIndexes() { - return [2,3,4,5,6,7,8]; + return [2, 3, 4, 5, 6, 7, 8]; } label = { Close }; @@ -154,36 +155,35 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE } renderedCallback() { - if (this.showModal === true && this.inRenderedCallback === false) - { + if (this.showModal === true && this.inRenderedCallback === false) { this.inRenderedCallback = true; } } - + //----------------------------------------------------------------------------- // HANDLERS FOR MOVEMENT TO EACH STAGE //----------------------------------------------------------------------------- - handleNext(){ - if(this.currentStep === "1"){ + handleNext() { + if (this.currentStep === "1") { if (this.validateStepOne()) this.handleGoToStepTwo(); - } else if(this.currentStep === "2"){ + } else if (this.currentStep === "2") { if (this.validateStepTwo()) this.handleGoToStepThree(); - } else if(this.currentStep === "3"){ + } else if (this.currentStep === "3") { if (this.validateStepThree()) this.handleGoToStepFour(); } console.log('Moved current step to - ' + this.currentStep); } - handlePrev(){ - if(this.currentStep === "4") + handlePrev() { + if (this.currentStep === "4") this.handleGoToStepThree(); - else if(this.currentStep === "3") + else if (this.currentStep === "3") this.handleGoToStepTwo(); - else if(this.currentStep === "2") + else if (this.currentStep === "2") this.handleGoToStepOne(); } @@ -191,22 +191,19 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE this.currentStep = "1"; this.headerLabel = 'Basic Action Details'; } - - validateStepOne() { + validateStepOne() { if (this.selectedActionRecordType === '' || this.selectedActionType === '' || this.selectedActionLabel === '' - || this.selectedActionIsActive === '') - { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); + || this.selectedActionIsActive === '') { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); return false; } - if (this.selectedActionType === 'ManageData' && this.selectedActionSubType === '') - { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); - return false; + if (this.selectedActionType === 'ManageData' && this.selectedActionSubType === '') { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); + return false; } return true; @@ -223,28 +220,24 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE } validateStepTwo() { - - if ( (this.selectedActionType === 'Hyperlink' && this.actionParams.get('hyperlinkURL') === undefined) - || (this.selectedActionType === 'EmailTemplate' && this.actionParams.get('sendEmailTemplateFolderName') === undefined) - || (this.selectedActionType === 'LaunchFlow' && this.actionParams.get('launchFlowAPIName') === undefined) - || (this.selectedActionType === 'ScreenFlow' && this.actionParams.get('screenFlowAPIName') === undefined) - || (this.selectedActionType === 'Custom' && this.actionParams.get('customApexClassName') === undefined) - ) - { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); + if ((this.selectedActionType === 'Hyperlink' && this.actionParams.get('hyperlinkURL') === undefined) + || (this.selectedActionType === 'EmailTemplate' && this.actionParams.get('sendEmailTemplateFolderName') === undefined) + || (this.selectedActionType === 'LaunchFlow' && this.actionParams.get('launchFlowAPIName') === undefined) + || (this.selectedActionType === 'ScreenFlow' && this.actionParams.get('screenFlowAPIName') === undefined) + || (this.selectedActionType === 'Custom' && this.actionParams.get('customApexClassName') === undefined) + ) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); return false; } - return true; } - + handleGoToStepThree() { this.currentStep = "3"; this.headerLabel = 'Accessibility'; - if (this.selectedActionRecordType === 'Custom') - { + if (this.selectedActionRecordType === 'Custom') { this.selectedActionHasObject = 'true'; this.actionHasObject = true; this.selectedActionHasObjectDisabled = true; @@ -254,28 +247,25 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE } validateStepThree() { - if (this.selectedActionHasObject === '' || this.selectedActionHasComponent === '' - || this.selectedActionRecordVisible === '') - { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); + || this.selectedActionRecordVisible === '') { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); return false; } - if ( (this.selectedActionHasObject === 'true' && this.selectedActionObjectType === '') - || (this.selectedActionHasComponent === 'true' && this.selectedActionComponentName === '') ) - { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); - return false; + if ((this.selectedActionHasObject === 'true' && this.selectedActionObjectType === '') + || (this.selectedActionHasComponent === 'true' && this.selectedActionComponentName === '')) { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Required Field Missing', 'A required field is missing', false)); + return false; } return true; } - + handleGoToStepFour() { this.currentStep = "4"; - this.headerLabel = 'Review And Save';; + this.headerLabel = 'Review And Save'; this.actionParams.set('actionHasObject', this.selectedActionHasObject); this.actionParams.set('actionObjectType', this.selectedActionObjectType); this.actionParams.set('actionHasComponent', this.selectedActionHasComponent); @@ -283,30 +273,28 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE this.actionParams.set('actionRecordVisible', this.selectedActionRecordVisible); this.actionParams.set('actionUserPermissions', this.selectedActionUserPermissions); } - - handleSave(){ + + handleSave() { let params = JSON.stringify(Array.from(this.actionParams)); this.spinnerOn(); console.log('All params - ' + params); console.log(this.pageName + ' CALLOUT - createAction - ' + this.calloutCount++); - createAction({actionFields: params }) - .then(result => { - console.log('RESULT - ' + result); - if (result === 'success') - { - this.clearData(); - this.dispatchEvent(new CustomEvent('finished')); - this.dispatchEvent(SLVHelper.createToast('success', '', 'Action Created', 'Action successfully created.', false)); + createAction({ actionFields: params }) + .then(result => { + console.log('RESULT - ' + result); + if (result === 'success') { + this.clearData(); + this.dispatchEvent(new CustomEvent('finished')); + this.dispatchEvent(SLVHelper.createToast('success', '', 'Action Created', 'Action successfully created.', false)); + } else { + this.dispatchEvent(SLVHelper.createToast('error', '', 'Action Create Error', 'There was a problem creating the action - ' + result, false)); + } + }) + .catch(error => { + this.dispatchEvent(SLVHelper.createToast('error', error, 'Action Create Error', 'There was a problem creating the action.', true)); + }).finally(() => { this.spinnerOff(); - } else { - this.dispatchEvent(SLVHelper.createToast('error', '', 'Action Create Error', 'There was a problem creating the action - ' + result, false)); - this.spinnerOff(); - } - }) - .catch(error => { - this.dispatchEvent(SLVHelper.createToast('error', error, 'Action Create Error', 'There was a problem creating the action.', true)); - this.spinnerOff(); - }); + }); } handleCancelClick() { @@ -322,111 +310,164 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE //----------------------------------------------------------------------------- // HANDLERS FOR EACH FIELD UPDATE //----------------------------------------------------------------------------- - + handleActionRecordTypeSelected(event) { - this.selectedActionRecordType = event.target.value; + try { + const { target } = event; + this.selectedActionRecordType = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionIsActiveSelected(event) { - this.selectedActionIsActive = event.target.value; + try { + const { target } = event; + this.selectedActionIsActive = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionLabelSelected(event) { - this.selectedActionLabel = event.target.value; + try { + const { target } = event; + this.selectedActionLabel = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionTypeSelected(event) { - this.selectedActionType = event.target.value; - this.hasActionType = true; + try { + const { target } = event; + this.selectedActionType = target?.value ?? ''; + this.hasActionType = true; - if (this.selectedActionType === 'ManageData') - this.showSubType = true; - else - this.showSubType = false; + if (this.selectedActionType === 'ManageData') + this.showSubType = true; + else + this.showSubType = false; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionSubTypeSelected(event) { - this.selectedActionSubType = event.target.value; + try { + const { target } = event; + this.selectedActionSubType = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionHasObjectSelected(event) { - this.selectedActionHasObject = event.target.value; - if (this.selectedActionHasObject === 'true') - this.actionHasObject = true; - else - this.actionHasObject = false; + try { + const { target } = event; + this.selectedActionHasObject = target?.value ?? ''; + if (this.selectedActionHasObject === 'true') + this.actionHasObject = true; + else + this.actionHasObject = false; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionObjectTypeSelected(event) { - this.selectedActionObjectType = event.target.value; + try { + const { target } = event; + this.selectedActionObjectType = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionRecordVisibleSelected(event) { - this.selectedActionRecordVisible = event.target.value; + try { + const { target } = event; + this.selectedActionRecordVisible = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionHasComponentSelected(event) { - this.selectedActionHasComponent = event.target.value; - if (this.selectedActionHasComponent === 'true') - this.actionHasComponent = true; - else - this.actionHasComponent = false; + try { + const { target } = event; + this.selectedActionHasComponent = target?.value ?? ''; + if (this.selectedActionHasComponent === 'true') + this.actionHasComponent = true; + else + this.actionHasComponent = false; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionComponentNameSelected(event) { - this.selectedActionComponentName = event.target.value; - - } - - handleActionRecordVisibleSelected(event) { - this.selectedActionRecordVisible = event.target.value; + try { + const { target } = event; + this.selectedActionComponentName = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } handleActionUserPermissionsSelected(event) { - this.selectedActionUserPermissions = event.target.value; + try { + const { target } = event; + this.selectedActionUserPermissions = target?.value ?? ''; + } catch (error) { + SLVHelper.showErrorMessage(error); + } } - - - handleActionParameterAdded(event) { - if (event.currentTarget.dataset.paramName === undefined) - { - let fieldValue = event.detail.selectedValue; - let rowId = event.detail.rowId; - let paramName = event.detail.field; - if (paramName === 'simpli_lv__Type__c') //this field uses picklist widget so data comes in differently - paramName = 'manageDataMassUpdateType' + rowId; - else - paramName = paramName + rowId; - - this.actionParams.set(paramName, fieldValue); - console.log('Action param name/value - ' + paramName + '/' + fieldValue); - } else { - let paramName = event.currentTarget.dataset.paramName; - let fieldValue = event.target.value; - if (paramName === 'manageDataCreateRedirectField') //this field is a boolean so is handled differently - { - if (event.target.checked === true) - fieldValue = 'true'; + handleActionParameterAdded(event) { + try { + const { currentTarget, detail, target } = event; + if (currentTarget?.dataset?.paramName === undefined) { + let fieldValue = detail?.selectedValue ?? ''; + let rowId = detail?.rowId ?? ''; + let paramName = detail?.field ?? ''; + if (paramName === 'simpli_lv__Type__c') //this field uses picklist widget so data comes in differently + paramName = 'manageDataMassUpdateType' + rowId; else - fieldValue = 'false'; + paramName = paramName + rowId; + + this.actionParams.set(paramName, fieldValue); + console.log('Action param name/value - ' + paramName + '/' + fieldValue); + + } else { + let paramName = currentTarget?.dataset?.paramName ?? ''; + let fieldValue = target?.value ?? ''; + if (paramName === 'manageDataCreateRedirectField') //this field is a boolean so is handled differently + { + if (target?.checked === true) + fieldValue = 'true'; + else + fieldValue = 'false'; + } + if (currentTarget.dataset.paramRowIndex !== undefined) + paramName = paramName + currentTarget.dataset.paramRowIndex; + this.actionParams.set(paramName, fieldValue); + console.log('Action param name/value - ' + paramName + '/' + fieldValue); } - if (event.currentTarget.dataset.paramRowIndex !== undefined) - paramName = paramName + event.currentTarget.dataset.paramRowIndex; - this.actionParams.set(paramName, fieldValue); - console.log('Action param name/value - ' + paramName + '/' + fieldValue); + } catch (error) { + SLVHelper.showErrorMessage(error); } } //----------------------------------------------------------------------------- // HELPER METHODS //----------------------------------------------------------------------------- - + clearData() { this.currentStep = '1'; this.headerLabel = 'Basic Action Details'; - + this.selectedActionRecordType = ''; this.selectedActionHasObject = ''; this.selectedActionType = ''; @@ -454,6 +495,4 @@ export default class SimpliUIListViewsActionCreateWizardModal extends LightningE this.spinner = false; console.log('Spinner OFF for SimpliUIListViewsActionCreateWizardModal'); } - - } \ No newline at end of file diff --git a/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.css b/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.css index e2bf689..09f307a 100644 --- a/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.css +++ b/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.css @@ -2,6 +2,6 @@ position: relative; } -.pageSpinnerHolder{ +.pageSpinnerHolder { position: relative; -} \ No newline at end of file +} diff --git a/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.html b/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.html index 7e09114..6b89754 100644 --- a/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.html +++ b/force-app/main/default/lwc/simpliUIListViewsActionModal/simpliUIListViewsActionModal.html @@ -50,7 +50,7 @@

{listV