diff --git a/www/kanban/app-kanban.less b/www/kanban/app-kanban.less index e1f5ab274..615a5c904 100644 --- a/www/kanban/app-kanban.less +++ b/www/kanban/app-kanban.less @@ -45,6 +45,23 @@ justify-content: space-around; } } + #kanban-trash { + width: 100px; + height: 100px; + align-self: end; + font-size: 40px; + display: flex; + align-items: center; + justify-content: center; + &.kanban-trash-active { + color: red; + border: 1px solid red; + background-color: rgba(255,0,0,0.5); + } + .kanban-item, .kanban-board { + display: none; + } + } .kanban-item { display: flex; @@ -103,6 +120,7 @@ .tools_unselectable(); } +/* .kanban-remove-item { padding: 0 0.5em; visibility: hidden; @@ -112,6 +130,7 @@ visibility: visible; } } +*/ .kanban-additem { float: right; diff --git a/www/kanban/inner.js b/www/kanban/inner.js index 6b041c44d..6a1448009 100644 --- a/www/kanban/inner.js +++ b/www/kanban/inner.js @@ -32,28 +32,37 @@ define([ var COLORS = ['yellow', 'green', 'orange', 'blue', 'red', 'purple', 'cyan', 'lightgreen', 'lightblue']; - var addRemoveItemButton = function (framework, kanban) { + var addEditItemButton = function (framework, kanban) { if (!kanban) { return; } if (framework.isReadOnly() || framework.isLocked()) { return; } var $container = $(kanban.element); - $container.find('.kanban-remove-item').remove(); - $container.find('.kanban-board .kanban-item').each(function (i, el) { - var pos = kanban.findElementPosition(el); - var boards = kanban.options.boards; - var board = boards.data[$(el.parentNode.parentNode).attr('data-id')]; + $container.find('.kanban-edit-item').remove(); + $container.find('.kanban-item').each(function (i, el) { + var itemId = $(el).attr('data-eid'); $('