ember-drag-sort | sortable list component with support for multiple | Widget library

by kaliber5 JavaScript Version: 3.0.1 License: MIT

X-Ray Key Features Code Snippets Community Discussions(2)Vulnerabilities Install Support

kandi X-RAY | ember-drag-sort Summary

ember-drag-sort is a JavaScript library typically used in User Interface, Widget applications. ember-drag-sort has no bugs, it has no vulnerabilities, it has a Permissive License and it has low support. You can install using 'npm i ember-drag-sort' or download it from GitHub, npm.

A drag'n'drop sortable list addon.

Support

Quality

Security

License

Reuse

Support

ember-drag-sort has a low active ecosystem.

It has 88 star(s) with 30 fork(s). There are 6 watchers for this library.

It had no major release in the last 12 months.

There are 7 open issues and 21 have been closed. On average issues are closed in 68 days. There are 21 open pull requests and 0 closed requests.

It has a neutral sentiment in the developer community.

The latest version of ember-drag-sort is 3.0.1

Quality

ember-drag-sort has no bugs reported.

Security

ember-drag-sort has no vulnerabilities reported, and its dependent libraries have no vulnerabilities reported.

License

ember-drag-sort is licensed under the MIT License. This license is Permissive.

Permissive licenses have the least restrictions, and you can use them in most projects.

Reuse

ember-drag-sort releases are not available. You will need to build from source code and install.

Deployable package is available in npm.

Installation instructions, examples and code snippets are available.

Top functions reviewed by kandi - BETA

kandi's functional review helps you automatically verify the functionalities of the libraries and avoid rework.
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of ember-drag-sort

Get all kandi verified functions for this library.

ember-drag-sort Key Features

No Key Features are available at this moment for ember-drag-sort.

ember-drag-sort Examples and Code Snippets

No Code Snippets are available at this moment for ember-drag-sort.

Community Discussions

Trending Discussions on ember-drag-sort

ember-drag-sort: how to determine the new parent in the dragged list?

ember-drag-sort: implementing a sortable list based on an HTML table?

QUESTION

ember-drag-sort: how to determine the new parent in the dragged list?

Asked 2017-Nov-13 at 21:15

Originally asked by @andrewsyd on GitHub.

For a nested list, is there a way to determine in the dragEnd action which "sub-list" the item has been dropped into? (e.g. a class name, id etc)

In my scenario, I am sorting ember data records that can belong to each other (i.e. a nested, 'tree' structure). When I drag one nested record "into" another (making the dragged record a child of the second record), I need to update the parent attribute in ember-data. My question is, how do you pass some id of the second record (the new parent) to the dragEnd action?

Is this even possible?

...

ANSWER

Answered 2017-Nov-13 at 17:41

Solution 0: adjust your data model to convert the isParent attribute into a derived value rather than a source of truth

Having an isParent attribute that must be updated by hand is a flawed approach in the first place.

If you have the isParent state as an attribute and require the frontend to update it, then you have two sources of truth that can (and eventually will) go out of sync. Especially so given the fact that users can tamper with network requests to your API backend.

The isParent should be inferred from the amount of children. It could be a simple computed property:

Source https://stackoverflow.com/questions/47266348

QUESTION

ember-drag-sort: implementing a sortable list based on an HTML table?

Asked 2017-Nov-13 at 14:25

Originally asked by @livfwd on GitHub.

It seems like the :before :after pseudo-elements break the table layout and put the placeholder in unexpected places when dragging rows within a table.

Are there any known workarounds for this?

...

ANSWER

Answered 2017-Nov-13 at 14:25

ember-drag-sort uses a simple CSS technique to render the placeholder: :before and :after pseudoelements.

Unfortunately, this doesn't work with HTML tables because table semantics are very restrictive. To work around this problem, top/bottom padding on table cells can be used instead of selectors.

This is not a great solution because padding appears inside table cells. If you want your cells to have borders, you'll have to apply them to inner elements instead.

Tables are now part of the demo, please have a look.

Here are the CSS overrides used in the demo:

Source https://stackoverflow.com/questions/47266592

Community Discussions, Code Snippets contain sources that include Stack Exchange Network

Vulnerabilities

No vulnerabilities reported

Install ember-drag-sort

For more information on using ember-cli, visit https://ember-cli.com/.
git clone <repository-url> this repository
cd ember-drag-sort
yarn install :warning:

Support

Bug reports and feature requests are very welcome. In case you have something to suggest or report, please file an issue to the issue queue. But first make sure there's no similar issue. ;). If you're having trouble using this addon in your project, please file a properly structured question at StackOverflow. It is important that you use ember.js and ember-drag-sort tags for your question to be seen.

Find more information at: