witty-v2-payroll-package

INSTALLATION

Download & install applications
* Git
* NodeJS {download current and latest}
* Vuese

Application Install

1. Clone the repository hhttps://gitlab.com/wittydevops/witty-web-v2-payroll.git
2. Navigate to the app root directory using Cmder or Git Bash CLI Example: cd c:\xampp\htdocs\witty-web-v2-payroll\
3. Run npm install
4. Generate component docs. Install Vuese and run vuese gen. This will generate a website folder containing component documentation.

Testing (Option 1)

1. Run npm run build
2. Run npm pack
3. Copy the created zip file and extract to the project node_modules or install it using npm.

Testing (Option 2)

1. Run npm run serve
2. Go to your localhost site. (http://localhost:8080/)

Publish

1. Run npm run build
2. Run npm publish
3. In the project, run npm install --save witty-twilio-plugin

Local Testing

1. Run npm link on current witty-video-chat-plugin folder
2. Run npm link witty-twilio-plugin to target project folder
3. Import package
import WittyVideoChatPlugin from 'witty-twilio-plugin'

Sample WittyVideoChat Implementation

`javascript

``

WittyEmail (Main Component)

Props

|Name|Description|Type|Required|Default|
|---|---|---|---|---|
|token|webmail-lite access token|String|false|null|
|user|User object. Can contain any data. Must match with properties from options.|Object|false|null|
|baseUrl|webmail-lite api url link|String|false|-|
|url|webmail-lite url|—|false|-|
|options|config settings|Object|false|{"properties":{"email":"Email","label1":"DisplayName","label2":"label2","label3":"label3","image":"image_path","timeFormat":"hh:mm A","dateFormat":"MMMM DD, YYYY"},"editor":{"color":"#333333","fontSize":"10pt","fontFamily":"Inter, sans-serif","apiKey":"q1fl7wqmmbkxzshds6b8k7ux6ib10y8n2xvd38au0cztw6we"},"imageUpload":null,"enableCustomData":false,"locale":"en-Us","customMessageLoad":null,"formatFilter":null,"messageActions":null}|
|layout|layout (email, kanban)|String|false|email|
|kanbanData|array of kanban templates containing columns and card sort order|Array|false|-|

Events

|Event Name|Description|Parameters|
|---|---|---|
|kanban-template-created|Kanban Template Created|{Folder|
|kanban-template-deleted|Kanban Template Deleted|{Folder|
|cards-updated|Kanban Cards updates|{template|
|message-sent|-|-|

Slots

|Name|Description|Default Slot Content|
|---|---|---|
|message-detail-header-author-info|-|-|
|message-header-sort|-|-|
|kanban-header-sort|-|-|
|email-header-actions|-|-|
|email-detail-header-actions|-|-|
|message-detail-pre-content|-|-|
|message-detail-post-content|-|-|

MixIns

|MixIn|
|---|
|accountMixin|
|messageDetailsMixin|