Log Actions Component

Log Actions Component is custom ReactJs Component created for Sterling Talent Solutions F1Portal.

Features!

• Fully customizable and includes callback functions
• Can be included in both Aurelia and ReactJs
• Lightweight and reusable

Tech

Log Actions Component uses below mentioned Libraries/Frameworks to work properly:

• ReactJS
• Web Pack
• BabelJS
• Twitter Bootstrap
• Node.js

Installation

Log Actions Component requires Node.js to run.

$ npm i log-action-component -s

Import Component in required file using below line

import LogActionComponent from 'log-action-component';

Render the function and pass props to it as per your requirement

<LogActionComponent />,

Prop Types and their default values

Log Actions component has several prop types along with their default values

| Props Variable (Type) (Required) | Default Value | | ------ | ------ | | aureliaInstance (object) (Conditional) | NA | | calledFromAurelia (boolean) (Optional) | false | | logActionText (string) (Optional) | Log Action | | viewActionLogText (string) (Optional) | View Action Log |

*NA - Not Applicable *Conditional - Required only if certain conditions are matched

Callbacks

Log Actions Component provides below mentioned callback functions as proptypes which will be called on execution of their respective events:

• addLogActionCallback - called whenever add log action button is clicked
• viewActionLogCallback - called whenever view action log button is clicked