{"id":20511061,"url":"https://github.com/sean-codes/kanban","last_synced_at":"2025-04-13T22:41:54.570Z","repository":{"id":91334767,"uuid":"110998712","full_name":"sean-codes/kanban","owner":"sean-codes","description":"Pure JavaScript KanBan plugin","archived":false,"fork":false,"pushed_at":"2023-02-27T17:26:09.000Z","size":20101,"stargazers_count":15,"open_issues_count":4,"forks_count":6,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-27T13:01:53.483Z","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/sean-codes.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-11-16T17:00:57.000Z","updated_at":"2024-06-20T01:54:15.000Z","dependencies_parsed_at":"2023-06-04T12:45:44.214Z","dependency_job_id":null,"html_url":"https://github.com/sean-codes/kanban","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sean-codes%2Fkanban","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sean-codes%2Fkanban/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sean-codes%2Fkanban/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sean-codes%2Fkanban/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sean-codes","download_url":"https://codeload.github.com/sean-codes/kanban/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248794565,"owners_count":21162613,"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-15T20:34:24.056Z","updated_at":"2025-04-13T22:41:54.428Z","avatar_url":"https://github.com/sean-codes.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# kanban\n\u003e Pure JavaScript KanBan:\n\n## Demo\n![example](https://sean-codes.github.io/kanban/image.gif)\n\nLive Demo: [open](https://sean-codes.github.io/kanban/example/demo.html)\n\n## Quick Start\n```js\n\n   // Create board\n   var myKanban = new KanbanBoard('#kanBanContainer')\n\n   // Add Lanes\n   myKanban.addLane(new KanbanLane('lane1ID', 'Lane 1 Title'))\n   myKanban.addLane(new KanbanLane('lane2ID', 'Lane 2 Title'))\n\n   // Add Cards\n   myKanBan.addCard(new KanbanCard('cardID', content), laneID))\n```\n## Guide\n\n#### Creating a board\nCreate a new board by providing the selector to append it to.\n```js\n    var myKanban = new KanbanBoard('#kanBanContainer')\n```\n\n#### Creating a lane\nCreate a lane providing an id and title content\n```js\n    var myKanbanLane = new KanbanLane('lane1ID', 'Lane 1 Title')\n```\n\n#### Add a lane to the board\nCall addLane on a `KanBanBoard` and provide a `KanbanLane`\n```js\n    myKanban.addLane(myKanbanLane)\n```\n\n#### Create a card\nCreate a card providing an id and its content\n```js\n    var myCard = new KanbanCard('cardID', content)\n```\n\n#### Add a card to the board\nAdd a card to the board providing the card and the lane id to place in\n```js\n    myKanBan.addCard(myCard, 'laneID')\n```\n\n#### Custom templates\nA lane and card can both use templates for their content. A template is a callback function that returns the html for a title/template. This is for adding buttons/designs.\n\n```js\n   // Default Template: Only returns the content\n   var laneTemplate = (content) =\u003e { return content }\n\n   // Example Card template with a title/container!\n   var cardTemplate = (content) =\u003e { return `\n      \u003cmycard-container\u003e\n         \u003cmycard-content\u003e\n            \u003cmycard-title\u003e${content.title}\u003c/mycard-title\u003e\n            \u003cmycard-text class=\"bg-${content.status}\"\u003e\n               ${content.text}\n            \u003c/mycard-text\u003e\n         \u003cmycard-content\u003e\n      \u003c/mycard-container\u003e\n   `}\n```\n\n## Documentation\n\nFull Class Docs: [docs](https://github.com/sean-codes/kanban/blob/master/docs.md)\n\n#### Class [`KanbanBoard`](https://github.com/sean-codes/kanban/blob/master/docs.md#KanbanBoard)\n\nArguments: (selector)\n\nCreates and appends a board\n\n#### Class [`KanbanLane`](https://github.com/sean-codes/kanban/blob/master/docs.md#KanbanLane)\nArguments: (laneID, laneContent, [laneTemplate])\n\nCreates a lane. Add to board using `KanbanBoard.addLane()`\n\n#### Class [`KanbanCard`](https://github.com/sean-codes/kanban/blob/master/docs.md#KanbanCard)\nArguments: (cardID, content, [cardTemplate])\n\nCreates a card. Add to board using KanbanBoard.addCard(KanbanCard, laneID)\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsean-codes%2Fkanban","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsean-codes%2Fkanban","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsean-codes%2Fkanban/lists"}