Skip to content

Conversation

@pxpm
Copy link
Contributor

@pxpm pxpm commented Oct 11, 2024

This is a very early POC about something me and @tabacitu are exploring.

What we are trying to achieve here, can be summed up in the following way:

  • re-usable Datatable
  • multiple CrudPanel instances in the same request.

They way Backpack was built from start, although simple, comes with some limitations. Now that we want to introduce more advanced features we'd need to do major refactors of the software, that would take months for us to develop, and a lot of time for our users to upgrade.

We are always exploring the possibility of changing something internal that would allow us to do more advanced things, without the cost for the developers that use our software.

That said, one of the most requested features and needs we had, was to have a "relation table", without having to develop a new table from scratch, given how much effort we already spent on the Datatable/columns, and the huge amount of features we have on both of them.

Without much to add for the moment, we will need to decide on the direction we would like to take, here is a screenshot of somewhat we want to achieve:

image

All of that, with the simplicity we aim for our software:

// in MonsterCrudController.php
$this->crud->addColumn([
            'name'        => 'crudColumn',
            'type'        => 'crud_column',
            'controller'  => IconCrudController::class,
        ]);

// in IconCrudController.php
protected function setupListOperation()
    {
        $this->crud->addColumns(['name', 'icon']);
        $this->crud->addFilter([
            'type'  => 'text',
            'name'  => 'name',
            'label' => 'Name',
        ]);
    }

At the moment there are 0 breaking changes, but also stuff that does no properly work. This is very very wip, we may find something that would require a major breaking change that we are not willing to do for the next version .. but it's a start. 👍

@pxpm pxpm added the v7 label Oct 21, 2024
@pxpm pxpm force-pushed the datatable-single-component branch from d84d59a to 65aa57b Compare March 12, 2025 10:01
@pxpm pxpm changed the base branch from main to next March 12, 2025 10:01
@pxpm pxpm force-pushed the datatable-single-component branch from 39a4912 to d8b8d16 Compare March 24, 2025 15:17
Copy link
Member

@tabacitu tabacitu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's

  1. Polish with the comments here.
  2. Set up a demo
  • used a column in ShowOperation
  • used as a widget in ShowOperation
  • used in a dashboard as an x-component

@endif
<x-datatable :crud="$crud" />

</div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Todo: let's write in the upgrade guide that the list.blade.php and datatables_logic.blade.php files have been turned into a datatable component - if they've made any changes to them, they can delete them from their project and re-do the changes in the component view (after publishing).

@tabacitu tabacitu moved this to In Review in Backpack v7.0 Apr 3, 2025
@tabacitu tabacitu moved this from In Review to In Progress in Backpack v7.0 Apr 3, 2025
Copy link
Member

@tabacitu tabacitu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One last push!

sport-help-gif-by-nascar

Copy link
Member

@tabacitu tabacitu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

One last push!

sport-help-gif-by-nascar

@tabacitu tabacitu merged commit c80d637 into next Jun 9, 2025
27 checks passed
@github-project-automation github-project-automation bot moved this from In Progress to Done in Backpack v7.0 Jun 9, 2025
@tabacitu tabacitu deleted the datatable-single-component branch June 9, 2025 13:47
pxpm added a commit that referenced this pull request Nov 21, 2025
Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: Cristian Tabacitu <[email protected]>
pxpm added a commit that referenced this pull request Nov 21, 2025
Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: Cristian Tabacitu <[email protected]>
tabacitu added a commit that referenced this pull request Nov 21, 2025
* Uploaders - Refactor and fixes (#5478)

* add method to get ajax uploaders

* Apply fixes from StyleCI

[ci skip] [skip ci]

* use an abstract class

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* refactor uploaders

* Apply fixes from StyleCI

[ci skip] [skip ci]

* refactor rules

* Apply fixes from StyleCI

[ci skip] [skip ci]

* move ajax to PRO, cleanup

* Apply fixes from StyleCI

[ci skip] [skip ci]

* make attributes available for all subfields

* fix tests

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* upload multiple and upload properly working 🙏

* fixes

* Apply fixes from StyleCI

[ci skip] [skip ci]

* allow the configuration of valueWithoutPath call.

* fix valid upload inside repeatables

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix condition

* cleanup

* fix

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix use case for enabling validation after entry is created

* Apply fixes from StyleCI

[ci skip] [skip ci]

* dont save array keys

* fix ajax validation

* fix validation messages

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fixes ValidUpload

* Apply fixes from StyleCI

[ci skip] [skip ci]

* dont json encode if casted in the model

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix previous file identification in repeatable

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix getting values

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add fake fields support

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip add uploaders tests

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add pro columns

* fix test suite

* fix tests

* ffix tests

* remove unused test views

* add uploaders to test coverage

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add coverage folder to gitignore

* make tests run faster by not reloading db when not necessary

* add coverage to validation tests

* add fake tests to uploaders

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add more tests

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add more upload assets

* fixes

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix single file

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add image column

* fix tests

* Apply fixes from StyleCI

[ci skip] [skip ci]

* remove hardcoded macro names

* Apply fixes from StyleCI

[ci skip] [skip ci]

* remove double loop, fix single file uploader

* Apply fixes from StyleCI

[ci skip] [skip ci]

* use a big increments and unsigned for primary key

* handle pivot file deletion

* Apply fixes from StyleCI

[ci skip] [skip ci]

* register events for relation models

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix typo

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix relationship uploaders

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* update temporary time key

* save objects in the macro

---------

Co-authored-by: StyleCI Bot <[email protected]>

* trigger testing forkflow on PR

* Clean up uploaders (#5725)

* wip

* clean up

* add get uploadedFilesFromRequest to clean up uploaders

* Apply fixes from StyleCI

[ci skip] [skip ci]

* fix type cast

* add summernote uploader

* update summernote

* add summernote

* add more test assets

---------

Co-authored-by: StyleCI Bot <[email protected]>

* allow datatable url configuration (#5713)

* use next branch for basset

* require alpha version

* bump basset version

* Lifecycle hooks for CRUD operations (#5687)

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* tidy up

* Apply fixes from StyleCI

[ci skip] [skip ci]

* panel hooks

* Apply fixes from StyleCI

[ci skip] [skip ci]

* refactoring :broom

* finish implementing hooks

* Apply fixes from StyleCI

[ci skip] [skip ci]

* refactoring hooks

* Apply fixes from StyleCI

[ci skip] [skip ci]

* add hook to delete

* allow empty parameters

* wip

---------

Co-authored-by: StyleCI Bot <[email protected]>

* "Agnostic" filters - decouple filters from datatables (#5714)

* wip

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* wip

* Apply fixes from StyleCI

[ci skip] [skip ci]

* remove filters navbar component

---------

Co-authored-by: StyleCI Bot <[email protected]>

* bump basset version

* Update composer.json

* Apply fixes from StyleCI

[ci skip] [skip ci]

* datatable component (#5688)

Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: Cristian Tabacitu <[email protected]>

* move the list heading to the datatable component (#5808)

* add Datagrid and Datalist components (#5810)

Co-authored-by: StyleCI Bot <[email protected]>

* Form component (no ajax form) (#5814)

Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: Cristian Tabacitu <[email protected]>

* dataform component fixes (#5816)

Co-authored-by: StyleCI Bot <[email protected]>

* Added general chip blade file and chip widget (#5815)

* Fix Form issues, Add *name* argument to forms (#5817)

Co-authored-by: StyleCI Bot <[email protected]>

* Drop support for Laravel 10 and 11 (#5819)

* Fix hooks at setup level (#5818)

Co-authored-by: StyleCI Bot <[email protected]>

* install dev-next version of generators

* require basset beta version (#5821)

* fix scripts on table

* fix the keyboard shortcuts on forms

* ensure proper crud identification

* fix hooks

* fix crud field javacript issue

* pass the form id to form content

* add error page translations

* fix export buttons

* wip

* wip

* wip

* map the ui files

* fix table without export buttons

* always focus on error field

* delete button redirect

* Apply fixes from StyleCI

[ci skip] [skip ci]

* Fix padding in name

* Fix checkbox padding

* Background of select2

* multiple fixes

* fix form error highlight

* wip

* Add toggle to JSON

* allow user to choose locale and timezone

* fixes bulk actions

* fix the filter navbar

* fix line buttons dropdown

* wip

* wip

* wip

* wip

* wip

* DataFormModal component (#5863)

Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: Cristian Tabacitu <[email protected]>
Co-authored-by: Cristian Tăbăcitu <[email protected]>

* wip

* wip

* wip

* Save action classes (#5878)

Enable the usage of classes to describe the save actions. This allow more flexibility and easy to extend and/or configure behaviour.

* add cancel button option to modal form (#5881)

* fix problem with checklist_dependency field in Update operation

* fix indentation

* Update src/app/Console/Commands/Install.php

* Update composer.json

---------

Co-authored-by: Pedro Martins <[email protected]>
Co-authored-by: StyleCI Bot <[email protected]>
Co-authored-by: jcastroa87 <[email protected]>
Co-authored-by: zachweix <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

4 participants