{"id":20075013,"url":"https://github.com/sortablejs/angular-legacy-sortablejs","last_synced_at":"2025-03-31T08:08:32.600Z","repository":{"id":48015869,"uuid":"62609012","full_name":"SortableJS/angular-legacy-sortablejs","owner":"SortableJS","description":"AngularJS (legacy) directive for SortableJS.","archived":false,"fork":false,"pushed_at":"2022-12-07T01:03:17.000Z","size":148,"stargazers_count":50,"open_issues_count":20,"forks_count":48,"subscribers_count":5,"default_branch":"master","last_synced_at":"2025-03-05T17:49:08.873Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SortableJS.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2016-07-05T05:42:39.000Z","updated_at":"2025-01-15T08:52:54.000Z","dependencies_parsed_at":"2022-08-12T16:41:02.596Z","dependency_job_id":null,"html_url":"https://github.com/SortableJS/angular-legacy-sortablejs","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SortableJS%2Fangular-legacy-sortablejs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SortableJS%2Fangular-legacy-sortablejs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SortableJS%2Fangular-legacy-sortablejs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SortableJS%2Fangular-legacy-sortablejs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SortableJS","download_url":"https://codeload.github.com/SortableJS/angular-legacy-sortablejs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246436387,"owners_count":20776994,"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","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-11-13T14:57:14.773Z","updated_at":"2025-03-31T08:08:32.580Z","avatar_url":"https://github.com/SortableJS.png","language":"JavaScript","readme":"angular-legacy-sortable\n-----------------------\n\nAngular 1 module that integrates with Sortable.js\n\n# Installation\n\n## Install with NPM\n\n    npm install angular-legacy-sortablejs-maintained\n\n## Install with Yarn\n\n    yarn add angular-legacy-sortablejs-maintained\n\nDon't install the old angular-legacy-sortablejs package as thats not maintained\n\n# Examples\n[Live Demo](https://example-angularjs-sortable.glitch.me/)\n\n## Simple Drag and Drop\n\n```js\nangular.module('exampleApp', ['ng-sortable'])\n.component('dragAndDropExample', {\n  template: `\u003cul ng-sortable\u003e\n    \u003cli ng-repeat=\"item in ['burgers', 'chips', 'hotdog']\"\u003e\n      {$ item $}\n    \u003c/li\u003e\n  \u003c/ul\u003e`,\n})\n```\n\n## Specifying a Config\nYou can pass a Config obj to `ng-sortable` and it will pass this onto the created sortable object. The available options can be found [here](https://github.com/RubaXa/Sortable#options)\n\n```js\nangular.module('exampleApp', ['ng-sortable'])\n  .component('dragAndDropExample', {\n    template: `\n    \u003cul ng-sortable=$ctrl.sortableConf\u003e\n      \u003cli ng-repeat=\"item in ['burgers', 'chips', 'hotdog']\"\u003e\n        {$ item $}\n      \u003c/li\u003e\n    \u003c/ul\u003e`,\n    controller: class ExampleController {\n      constructor() {\n        this.sortableConf = {\n          animation: 350,\n          chosenClass: 'sortable-chosen',\n          handle: '.grab-handle',\n          forceFallback: true,\n        };\n      }\n    },\n  });\n```\n\n# Drag handle\nExample showing how use the handle option\n\n```js\nangular.module('exampleApp', ['ng-sortable'])\n  .component('dragAndDropExample', {\n    template: `\n    \u003cul ng-sortable=$ctrl.sortableConf\u003e\n      \u003cli ng-repeat=\"item in ['burgers', 'chips', 'hotdog']\" draggable=\"false\"\u003e\n        \u003cspan class=\"grab-handle\"\u003eDrag Header\u003c/span\u003e\n        \u003cdiv\u003e{$ item $}\u003c/div\u003e\n      \u003c/li\u003e\n   \u003c/ul\u003e`,\n   controller: class ExampleController {\n      constructor() {\n        this.sortableConf = {\n          animation: 350,\n          chosenClass: 'sortable-chosen',\n          handle: '.grab-handle',\n          forceFallback: true,\n        };\n      }\n    },\n  });\n```\n\n# Tests\nThere are selenium based tests that can be used to check for regressions\n\n## Requirements\n  - node\n  - yarn\n\n## Setting up tests\nNavigate to the repo directory in a terminal and run\n\n    yarn\n\n## Running e2e tests\n\nTo run the e2e tests run each of these commands in a separate terminal window\n\n```bash\nnpm run serve:example\n```\n\n```bash\nnpm run webdriver\n```\n\n```bash\nnpm run test:e2e\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsortablejs%2Fangular-legacy-sortablejs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsortablejs%2Fangular-legacy-sortablejs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsortablejs%2Fangular-legacy-sortablejs/lists"}