Operator guideEN

Casino / Categories / Reorder

Drag-and-drop screen for changing the visible category order in the casino catalog.

How to use this guide

Start with the main guide

Follow the explanation and examples first. Extra definitions and formulas are available below when you need them.

What this page does

This page lets operators change the category order with drag and drop and then save the new ordering explicitly.

The page loads a fixed first page of categories, sorts that loaded set by current order, lets the operator reorder it locally, and sends the resulting category id sequence when Save Order is clicked.

When to use it

  • change how categories appear in the curated catalog order
  • review whether a recent order change should be reverted
  • discard unsaved drag changes before leaving the reorder page

How the page works

The page loads up to 100 categories, sorts them by Order, and displays a reorderable table with Drag, ID, Name, Status, and Order columns.

Dragging a row changes local order only. The page shows an unsaved-changes message and enables Save Order and Reset Order after the local order differs from the originally loaded order.

Reset Order restores the originally loaded local order. It does not submit a saved order change.

Save Order sends the current local category id sequence to the save flow. On success, the page shows a success message and returns to the category list after a short delay.

Known caveats

  • The page loads only the first 100 categories in the verified code path.
  • The search input filters the loaded local list, not the full saved catalog.
  • Dragging while search is active can be confusing because the visible filtered indexes are used against the local reorder list.
  • Dragging items does not publish the order until Save Order is used.
  • Reset Order restores the original loaded list for the current session.
  • The verified order save starts per-category order updates asynchronously; if the list looks stale immediately after save, refresh after a moment before making another order decision.
More details

Definitions and formulas

Open only the section you need. The relevant section opens automatically when you request help for a specific item on screen.

Calculations8 topicsOpen details

Reorder list load

The reorder workspace starts from the first 100 loaded categories ordered by current stored order.

Inputs
category list read, page number 1, limit 100
Formula
The page reads the first category page with limit 100, then sorts the loaded rows locally by order value ascending.
Caveats
Categories outside the loaded first page are not represented in the local reorder list.

Local search filter

Search only narrows loaded rows; it does not request more categories from the saved catalog.

Inputs
loaded reorder rows, search text
Formula
A row remains visible when the search text is empty, or when the English category name contains the search text case-insensitively, or when the category id string contains the search text.

Local drag order

Drag changes are local until Save Order is clicked.

Inputs
source drag index, destination drag index, local category rows
Formula
After a valid drop, the page reorders local category rows, rewrites visible order values as index plus one, and compares category id order to the originally loaded order.
Caveats
If search is active, visible filtered indexes can make the resulting local full-list reorder harder to reason about.

Unsaved change detection

Save Order and Reset Order become available after row order changes.

Inputs
current local category id sequence, original local category id sequence
Formula
The page marks changes as unsaved when any current category id differs from the category id at the same index in the originally loaded list.

Save order payload

The saved order follows the current local row sequence.

Inputs
current local category rows
Formula
Save Order sends the current local category ids as an ordered array.

Source order update

Existing submitted categories get new sequential order values.

Inputs
submitted ordered category ids
Formula
For each submitted category id, the save flow checks whether the category exists and updates that category's stored order value to index plus one.
Caveats
The verified save flow uses asynchronous per-row updates without awaiting the whole batch before returning success.

Reset local order

Reset is local and does not restore order from saved records after the page was loaded.

Inputs
original loaded category order
Formula
Reset Order replaces current local rows with the original loaded row sequence and clears unsaved-changes state.

Save success navigation

Successful save returns the operator to the list after confirmation.

Inputs
reorder request success state
Formula
On reorder success, the page clears submitting state, clears unsaved changes, shows success feedback, waits briefly, and navigates back to the Casino Categories list.
Fields21 topicsOpen details

Back

Returns to the Casino Categories list without saving unsaved local order changes.

Data Type
action
Editable
true

Reorder Categories

Main heading for the category reorder page.

Data Type
text
Editable
false

Reset Order

Restores the original loaded local category order.

Data Type
action
Editable
true

Save Order

Persists the current local category order.

Data Type
action
Editable
true

Request error

Error alert shown when the category reorder request fails.

Data Type
feedback-state
Editable
false

Drag and drop to reorder categories

Instruction explaining that operators reorder by dragging rows.

Data Type
text
Editable
false

Changes will only be saved when you click the Save Order button

Reminder that drag changes are local until saved.

Data Type
text
Editable
false

Search categories...

Filters the locally loaded reorder list by English name or category id.

Data Type
text
Editable
true
Caveats
Search filters only the loaded first page of categories.

Category Order

Header above the draggable category order table.

Data Type
text
Editable
false

items

Count of loaded rows visible after local search filtering.

Data Type
integer
Editable
false

Loading rows

Placeholder rows shown while categories are loading.

Data Type
loading-state
Editable
false

No categories found

Message shown when no loaded category rows match the current search or no categories are available.

Data Type
empty-state
Editable
false

Reorderable categories table

Area where category rows can be dragged into a new order.

Data Type
reorder-area
Editable
true

Drag

Handle used to move a category row.

Data Type
drag-handle
Editable
true

ID

Internal category identifier included in the save order payload.

Data Type
integer
Editable
false

Name

English category name displayed in the reorder row.

Data Type
string
Editable
false

Status

Active or Inactive state displayed for the category.

Data Type
status
Editable
false

Order

Current visible order value after local drag updates.

Data Type
integer
Editable
false

You have unsaved changes

Warning shown after local drag order differs from the originally loaded order.

Data Type
warning-state
Editable
false

Saving overlay

Full-page spinner shown while Save Order is submitting.

Data Type
loading-state
Editable
false

Category order saved successfully

Success message shown after the reorder save succeeds.

Data Type
feedback-state
Editable
false
More help

Related pages

Casino / Categories

Operator guide for casino top-level categories, their list workflow, create or edit form, and manual ordering screen.

Casino / Categories / Form

Create and edit workflow for top-level casino categories, including translations, active state, built-in icons, and custom Core asset icons.

Casino / Categories / List

Searchable category catalog with create, edit, status toggle, and reorder entrypoints.

Auto Tags Manager / Order

Manual drag-and-drop ordering screen for valid auto-tag rules, with a single save action that rewrites sort positions.

Casino / Aggregators

Operator overview for the casino-side aggregator registry, pagination, and activation workflow.

Casino / Aggregators / List

Paginated table view for casino aggregators with activation status and a row-level enable or disable confirmation.