⏳ Installation

# with npm
npm i @aya41/drag-drop-content-types
# with yarn
yarn add @aya41/drag-drop-content-types

🔧 Configuration

In your config

1. Add this to your config/plugins.js file (create it, if it doesn't exist yet):

module.exports = {
  // ...
  'drag-drop-content-types': {
    enabled: true
  }
}

2. Run npm run build and (re)start the app

In the app

Go to Settings -> Drag Drop Content Type -> Configuration:

• Specify how the rank field is called in your content-types. Default value is rank.
• Add the rank fields to your content type. With the default value this would be rank (Number (Number format: integer)).

Hints

• Add "Default sort attribute" rank, "Default sort order" ASC and remove the rank attribute from the view using "Configure the view" button.
• You can also set a title value that is displayed in the menu instead of the default.

In your frontend

Assuming you go with the default settings, you can make a request on the following url to get the ordered items:

http://localhost:1337/api/foo?sort=rank:asc

🤝 Contribute

Feel free to fork and make pull requests to this plugin. All input is welcome - thanks for all contributions so far!