Allow using grid views in dialogs

[BurntimeX]

It would be handy if this were a function of dialogFactory, to which you only had to specify an endpoint, similar to FormBuilder dialogs.

ref #5990

[Cyperghost]

Possible solution

1. Adding usingGridView()

• Definition: Introduce a method usingGridView() that returns a GridViewSetup instance.
• New Class: GridViewSetup
  • Provides the method fromGridView()

interface ResponseGridView {
  gridView: string;
}

export class GridViewSetup {
  async fromGridView(title: string, gridViewClass: string, pageNo: number = 1, sortField: string = "", sortOrder: string = "ASC", filters?: Map<string, string>, gridViewParameters?: Map<string, string>): Promise<WoltlabCoreDialog> {
    const url = `${window.WSC_RPC_API_URL}core/grid-views/render`;
    // append the parameters to the URL
    const json = (await prepareRequest(url).get().fetchAsJson()) as ResponseGridView;

    const dialog = dialogFactory().fromHtml(json.gridView).withoutControls();
    dialog.show(title);
    
    return dialog;
  }
}

• Parameters:
  • title - The title of the dialog.
  • All other parameters are similar to the existing getRows() method.

2. Backend Controller for Handling Requests

• Create GetGridView similar to GetRows that:
  • Accepts the same parameters as GetRowsParameters.
  • Validates and instantiates the specified gridView class.
  • Set the given properties.
  • Renders the grid view using AbstractGridView::render().
  • Returns a JsonResponse containing an array with the rendered template with the key gridView.