Coder Social home page Coder Social logo

pegros / peg_crma Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 0.0 4.75 MB

Set of LWC Components to be embedded within CRM Analytics Dashboards.

License: MIT License

Shell 0.03% Apex 29.60% JavaScript 55.24% CSS 2.45% HTML 12.68%
crm-analytics lwc salesforce

peg_crma's Introduction

Logo   SFPEG CRMA Components

Introduction

The ability to implement custom LWC components directly accessible in CRM Analytics studio is a great feature enabling among others to :

  • offer new data display options (e.g. see planning component hereafter)
  • provide richer data interaction options (e.g. see mass action component hereafter)

The objectives was to implement LWC components for CRM Analytics as configurable as possible (going further than the initial specific requirements to ensure better reusability) and as consistent as possible with the CRM analytics Dashboard UX.

These components are still in early beta state. They work but are still not fully tested in real production environments.


Package Overview

The package contains a small set of LWC components usable directly in the CRM Analytics Studio to extend standard Dashboard capabilities (see Components of Lightning Components type when editing a Dashboard).

Please click on each component link to access more detailed information.

This LWC component was initially implemented to display a planning of all Campaigns active upon a given period. It takes a list elements as input and enables to display it as bars:

  • leveraging a start / end date or timestamp field
  • applying a color dynamically or based on a field
  • possibly separating bars via a grouping field

The component is displayed hereafter in the red rectangle, Campaigns being grouped here by RecordType and coloured by Status. sfpegPlanningCmp in action

The component is highly dynamic, in terms of axis sizing, scrollbar activation... It leverages the latest D3.js library to automatically display the bars and time axis.

This component displays an actionable data table within a CRM Analytics Dashboard, letting the user remain in the Dashboard to execute a mass action on this result set.

It leverages the standard slds-datatable Lightning base component to display the list of values and provide various unitary/mass update, subfilters... on a copy of the input query results to trigger Apex actions with the resulting list.

sfpegMassActionCmp in action

When executing one of the proposed action, a form is presented to the user to ask for additional input and/or confirmation before executing it.

sfpegMassActionCmp interaction

Typical use case is to leverage a CRM Analytics Dashboard embedded within a Campaign Lightning record page to target Contacts to be added to it as CampaignMembers. This enables the user to remain within the Campaign page (no VF page redirection).

Other use cases are mass reassignment of Accounts to new Owners (with possibly complex filters provided in the Dashboard), mass creation of callback or escalation tasks on Opportunities or Cases... possibly amending information on the selected records before executing the operation.


Component Configuration

To be continued


Packaging and Deployment

Packaging is done on a per-component basis, each component folder containing all the technical elements required to display and run it (custom labels, Apex classes...).

Various custom labels are provided (prefixed with the name of the component) to adapt standard elements displayed at the UX.


Technical Details

To be continued

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.