var kanban1 = new jKanban({ element: '#demo1', boards: [{ 'id': '_todo', 'title': 'Todo (2)', 'item': [{ 'title': ` 23/7/20medium

Design Dashboard

Themeforest, australia

2
2

+10

`, }, { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, } ] }, { 'id': '_doing', 'title': 'Doing (2)', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Low

Dashboard issue

Pixelstrap, New york

2
2

+5

`, } ] }, { 'id': '_done', 'title': 'Done (2)', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 23/7/20medium

Design Dashboard

Themeforest, australia

2
2

+10

`, } ] } ] }); var kanban2 = new jKanban({ element: '#demo2', gutter: '15px', click: function (el) { alert(el.innerHTML); }, boards: [{ 'id': '_todo', 'title': 'To Do (Item only in Working)', 'class': 'bg-info', 'dragTo': ['_working'], 'item': [{ 'title': ` 24/7/20medium

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Low

Dashboard issue

Pixelstrap, New york

2
2

+5

`, } ] }, { 'id': '_working', 'title': 'Working', 'class': 'bg-warning', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Low

Dashboard issue

Pixelstrap, New york

2
2

+5

`, } ] }, { 'id': '_done', 'title': 'Done (Item only in Working)', 'class': 'bg-success', 'dragTo': ['_working'], 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Low

Dashboard issue

Pixelstrap, New york

2
2

+5

`, } ] } ] }); var kanban3 = new jKanban({ element: '#demo3', gutter: '15px', click: function (el) { alert(el.innerHTML); }, boards: [{ 'id': '_todo', 'title': 'To Do', 'class': 'info', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, ] }, { 'id': '_working', 'title': 'Working', 'class': 'warning', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, ] }, { 'id': '_done', 'title': 'Done', 'class': 'success', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, ] } ] }); var toDoButton = document.getElementById('addToDo'); toDoButton.addEventListener('click', function () { kanban3.addElement( '_todo', { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, } ); }); var addBoardDefault = document.getElementById('addDefault'); addBoardDefault.addEventListener('click', function () { kanban3.addBoards( [{ 'id': '_default', 'title': 'Kanban Default', 'item': [{ 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, }, { 'title': ` 24/7/20Argent

Test Sidebar

Themeforest, australia

2
2

+5

`, } ] }] ) }); var removeBoard = document.getElementById('removeBoard'); removeBoard.addEventListener('click', function () { kanban3.removeBoard('_done'); });