Vue Awesome components

Super charge your dev with ready to use power components

A set of various vue components to simplify the creation of backoffices and admin panels.

See Github.

Documentation

https://enyosolutions-team.github.io/vue-awesome-components/

Dependencies

This package depends on certain packages that must be intalled separately. All the needed packages are listed as peerDependencies.

install

yarn add vue-aw-components

Add in your main.js

import VueEnyoComponents from 'vue-aw-components/plugin';

// or to import separately the components you need

import {AwesomeList, AwesomeTable} from 'vue-aw-components';

And for the styling you'll also need :

import VueAwesomeComponents from 'vue-aw-components/build/style.css';

Compiles and hot-reloads for development

yarn run serve

Compiles and minifies for production

yarn run build

Run your tests

yarn run test

Lints and fixes files

yarn run lint

migration guide:

awesome crud

props

modelName and name becomes identity displayMode becomes mode

awesome form

props

modelName and name becomes identity displayMode becomes mode

awesome table (formerly awesome-table)

props

modelName and name becomes identity mode becomes dataPaginationMode params becomes apiQueryParams

todo

[] - remove form-generator plugin [] - lower case all the field types [] - segment connected to a remote api (for dynamically changing the statuses) [] - remove dataTimePicker dependent on jquery [] - clear all the fields depending on jquery [] - move awesomeLayout to a different package [] - remove luxon (date picker) [] - remote all components that depends on bootstrap js (mainly because of jquery dependency) => dropdowns, tables and modals [] - uniformize classes used for styling (styleClasses vs classes) [] - add awesome filter to kanban section [] - add support ofr video in awesome display [] - add support ofr json in awesome display [] - add support for array in awesome display