vue-simplecrm

Simple CRM Components

Simple CRM component is a project that consists in developing four (04) external components to be used on other platforms.

Developed modules

• Agenda

• Planning

• Gantt

• Kanban

Agenda component

The Calendar component is a component developed under VueJs version 2 and using the Toast UI Calendar library.

Screenshots

Application Syntax

Documentation

Props

We provide props for Options of Agenda Component. Additionally you can set schedules using schedules of prop.

Name	Type	Default	Reactive	Description
API_KEY	String	" "	O	API keys are handled by endpoints and used with applications and website interfaces usually referred to as projects by software developers.
URI	String	" "	O	URIs allow Internet protocols to facilitate interactions between and among these resources. The URI is used here only for reading with the get() method.
URI_ACTION	String	" "	O	URI_ACTIONs allow Internet protocols to facilitate interactions between and among these resources. The URI_ACTION is used here for adding, modifying, deleting.
locale	String	" "	O	The locale variable allows you to change the language of the texts associated to the date as example "fr" for french and "en" for english.
calendarList	Array	[]	O	The "calendarList" variable is an array that contains the list of colors and the associated name.
scheduleList	Array	[]	O	The "scheduleList" variable is an array that contains the list of tasks.
viewModeOptions	Array	[]	O	The "viewModeOptions" variable is an array that contains the list of options related to the view, for example the Day/Month/Year mode.
dateRange	Array	[]	O	The "dateRange" variable is an array that contains parameters related to the chosen view by returning either the day, month or date range currently chosen .
timezones	Array	[]	O	The variable "timezones" is an array that contains the list of time zones. By default the time zone is Paris.

Agenda

With calendar component you can : [x] create a task by clicking on a date which opens a popup iframe [x] edit a task by clicking on a edit button on selected task which opens a popup iframe [x] delete a task [x] change the view mode [x] display by state, user, type, priority, etc. [x] sort by date range [x] sort by users [x] view historical data

Project setup

yarn install

Compiles and hot-reloads for development

yarn serve

Compiles and minifies for production

yarn build

Lints and fixes files

yarn lint

Customize configuration

See Configuration Reference.