{"id":23086668,"url":"https://github.com/kunder-lab/ionic-list-draggable-item","last_synced_at":"2025-10-16T06:48:50.933Z","repository":{"id":58222127,"uuid":"52608518","full_name":"kunder-lab/ionic-list-draggable-item","owner":"kunder-lab","description":"Custom implementation of ionic list to support draggable items without pressing \"order\" button","archived":false,"fork":false,"pushed_at":"2016-02-26T15:32:30.000Z","size":15,"stargazers_count":2,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-10-05T20:02:43.225Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://www.kunder.cl","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kunder-lab.png","metadata":{"files":{"readme":"README.md","changelog":"Changelog.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-02-26T14:08:52.000Z","updated_at":"2019-06-16T15:47:31.000Z","dependencies_parsed_at":"2022-08-31T02:00:53.697Z","dependency_job_id":null,"html_url":"https://github.com/kunder-lab/ionic-list-draggable-item","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/kunder-lab/ionic-list-draggable-item","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kunder-lab%2Fionic-list-draggable-item","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kunder-lab%2Fionic-list-draggable-item/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kunder-lab%2Fionic-list-draggable-item/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kunder-lab%2Fionic-list-draggable-item/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kunder-lab","download_url":"https://codeload.github.com/kunder-lab/ionic-list-draggable-item/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kunder-lab%2Fionic-list-draggable-item/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279163707,"owners_count":26117512,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-16T02:00:06.019Z","response_time":53,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-12-16T19:29:17.480Z","updated_at":"2025-10-16T06:48:50.901Z","avatar_url":"https://github.com/kunder-lab.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ionic-list-draggable-item\nCustom implementation of ionic list to support draggable items without pressing \"order\" button\n\n## Installation\n\nTo install latest version:\n\n```Shell\nbower install ionic-list-draggable-item\n```\n\n## Usage\n\nIt's used as `\u003cion-list /\u003e`.\nJust add `\u003clist-draggable-item /\u003e` directive and add some `\u003cion-item /\u003e` inside.\n\nNow, your items will be draggable holding them or pressing the \"order\" button.\n\n## Example\n\nYou can see a full example at samples folder.\n\n```html\n\u003clist-draggable-item show-delete=\"data.showDelete\" show-reorder=\"data.showReorder\"\u003e\n\n  \u003cion-item ng-repeat=\"item in items\" item=\"item\" href=\"#/item/{{item.id}}\" class=\"item-remove-animate\"\u003e\n    Item {{ item.id }}\n    \u003cion-delete-button class=\"ion-minus-circled\" ng-click=\"onItemDelete(item)\"\u003e\n    \u003c/ion-delete-button\u003e\n    \u003cion-option-button class=\"button-assertive\" ng-click=\"edit(item)\"\u003e\n      Edit\n    \u003c/ion-option-button\u003e\n    \u003cion-option-button class=\"button-calm\" ng-click=\"share(item)\"\u003e\n      Share\n    \u003c/ion-option-button\u003e\n    \u003cion-reorder-button class=\"ion-navicon\" on-reorder=\"moveItem(item, $fromIndex, $toIndex)\"\u003e\u003c/ion-reorder-button\u003e\n  \u003c/ion-item\u003e\n\n\u003c/list-draggable-item\u003e\n```\n\n## API\n\n### Directive: list-draggable-item\n\nThis list can include content ranging from basic text all the way to buttons, toggles, icons, and thumbnails as you wuld do with any ion-list.\n\nBoth the list, which contains items, and the list items themselves can be any HTML element. The containing element requires the list class and each list item requires the item class.\n\nAs ion-list, this list also supports swipe to edit, drag to reorder and removing items.\n\nFor more information, you can checkout ionList [documentation](http://ionicframework.com/docs/api/directive/ionList/)\n\n#### Supported attributes\n\n| Attr | Type | Details |\n| ---- | ---- | ------- |\n| show-delete (optional) | `boolean` | Whether the delete buttons for the items in the list are currently shown or hidden. |\n| show-reorder (optional) | `boolean` | Whether the reorder buttons for the items in the list are currently shown or hidden. |\n| can-swipe (optional) | `boolean` | Whether the items in the list are allowed to be swiped to reveal option buttons. Default: true. |\n\n### Controller: ionicListDraggableItemController\n\nRefer to $ionicListDelegate [documentation](http://ionicframework.com/docs/api/service/$ionicListDelegate/). The directive's controller exposes the same methods as the ion-list's controller.\n\n## Bugs or comments?\n\nReport it at the [issues section](https://github.com/kunder-lab/ionic-list-draggable-item/issues).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkunder-lab%2Fionic-list-draggable-item","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkunder-lab%2Fionic-list-draggable-item","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkunder-lab%2Fionic-list-draggable-item/lists"}