Create GridBuilder

[angeliski]

Create a column builder to fast development.
The API will be something like:

export default {
  data() {
    return {
      options: GridBuilder.createOptions({
        groupBy: 'name',
        columnDefs: [
          {
            title: 'Product name',
            field: 'name',
            cellType: 'LINK',
            newWindow: true,
            cellLink: entity => `product/edit/${entity.id}`,
          },
          {
            title: 'Price',
            field: 'price',
            topCalc: 'max',
            cellType: 'CURRENCY',
          },
          {
            title: 'Discount',
            field: 'discount',
            cellType: 'PERCENTAGE',
          },
          {
            title: 'Actions',
            cellType: 'ACTION',
            actions: [
              {
                icone: 'fa-pencil',
                color: 'primary',
                events: {
                  click(entity) {
                    this.someMethod(entity);
                  },
                },
              },
              {
                icone: 'fa-times',
                color: 'danger',
                events: {
                  click(entity) {
                    this.someMethodOtherMethod(entity);
                  },
                },
              },
              {
                icone: 'fa-eye',
                color: 'info',
                events: {
                  click(entity) {
                    this.someMethodOtherMethod(entity);
                  },
                },
              },
            ],
          },
        ],
      }, this),
    };
  },
};

Core:

• GridBuilder
• CellTypes
• Default configuration on install plugin
• Simple way to add others CellTypes

List of cellTypes to implement:

• - Action
• - Number
• - Percentage
• - Link