Possible to change behaviour of Resource index click?

[LTKort]

Is is possible to change the behaviour of the click on the resource row on the index page?

Now it defaults to 'navigateToDetail'. It would be awesome to either disable this or change the behaviour to Edit / Preview.

EDIT: Since it's not implemented (yet). I created a package: https://github.com/marshmallow-packages/nova-resource-click

[piljac1]

+1 for this idea.

[ianrobertsFF]

+1 having to override ResourceTableRow right now to disable this functionality.

[LTKort]

I'm gonna have a go a this tomorrow. Goal: Set the action of the click of the row on resource index level.
Right now I have View (default), Preview, Edit and No action.
Any extra suggestions?

[ianrobertsFF]

Select the checkbox when clicking anywhere on the row, I don't need it right now but I could see needing it at some point.

[LTKort]

Something like this?

Screen.Recording.2022-05-27.at.19.04.34.mov

[ianrobertsFF]

Yeah exactly like that!

[LTKort]

So.. @ianrobertsFF & @piljac1, I just have an update and figured it out:

Solution:
You can set the public variable '$tableRowClickAction' on the resource to set the action of the click on the resource row.
Available options are 'view', 'select' and 'update'.
Only missing the preview option. Maybe anyone can help (@davidhemphill / @crynobone )? ;)

To do this I did the following:
On 'src/Resource.php' add a variable & function:

    /**
     * The action used for the click on the table row. Available options are 'view', 'select' and 'update'.
     *
     * @var string
     */
    public static $tableRowClickAction = 'view';


    /**
     * Get the action that should be fired for the click on the table row.
     *
     * @return string
     */
    public static function tableRowClickAction()
    {
        return static::$tableRowClickAction;
    }

In src/Nova.php add the following line to the resourceInformation function:

    public static function resourceInformation(Request $request)
    {
        return static::resourceCollection()->map(function ($resource) use ($request) {
            return array_merge([
                'uriKey' => $resource::uriKey(),
                'label' => $resource::label(),
                'singularLabel' => $resource::singularLabel(),
                'createButtonLabel' => $resource::createButtonLabel(),
                'updateButtonLabel' => $resource::updateButtonLabel(),
                'authorizedToCreate' => $resource::authorizedToCreate($request),
                'searchable' => $resource::searchable(),
                'perPageOptions' => $resource::perPageOptions(),
                'tableStyle' => $resource::tableStyle(),
                'showColumnBorders' => $resource::showColumnBorders(),
                'debounce' => $resource::$debounce * 1000,
                'tableRowClickAction' => $resource::tableRowClickAction(), // <-- This one
            ], $resource::additionalInformation($request));
        })->values()->all();
    }

On the resources/js/components/ResourceTableRow.vue add the prop:

   'tableRowClickAction',

And the methods:

    resourceClickAction(e) {
      if (this.tableRowClickAction === 'update') {
        return this.navigateToUpdate(e)
      } else if (this.tableRowClickAction === 'select') {
        return this.toggleSelection()
      } else {
        return this.navigateToDetail(e)
      }
    },

    navigateToUpdate(e) {
      if (!this.resource.authorizedToUpdate) {
        return
      }

      this.commandPressed
        ? window.open(this.updateURL, '_blank')
        : Inertia.visit(this.updateURL)
    },

And the computed properties:

    updateURL() {
      return this.$url(
        `/resources/${this.resourceName}/${this.resource.id.value}/edit`,
        {
          viaResource: this.viaResource,
          viaResourceId: this.viaResourceId,
          viaRelationship: this.viaRelationship,
        }
      )
    },

On the resources/js/components/ResourceTable.vue add the computed property:

    /**
     * Determine the action of the click on the resource table row.
     */
    tableRowClickAction() {
      return this.resourceInformation.tableRowClickAction
    },

And this line to the ResourceTableRow component:

 :table-row-click-action="tableRowClickAction"

[LTKort]

Better crazy than lazy, keep us posted!

[ianrobertsFF]

Nice, looking good!

[LTKort]

Just realized I'm missing the 'No action' too

[piljac1]

Nice work ! If that's crazy, crazy is good I guess 😛

[LTKort]

I made a package for this: https://github.com/marshmallow-packages/nova-resource-click

[LTKort]

Since it's not implemented (yet). I created a package: https://github.com/marshmallow-packages/nova-resource-click

You can set the default action for all resources or per resource.

[swarley]

Definitely +1 on being able to disable it entirely. Not very friendly if you want to copy some text from a table row

[LTKort]

Yeah, I added it in the package as 'ignore'

[m-lotze]

Great Package. This should be integrated into core.

[davidhemphill]

Ok, I've added this feature to Nova. We've got to add some tests first but it should be landing in an upcoming release. Thanks for all the feedback!

[LTKort]

👌 Awesome, thanks!