Làm cách nào để ẩn và hiển thị toàn bộ danh sách nhiệm vụ trong Trello?

Có ai biết làm thế nào chúng ta có thể ẩn và hiển thị toàn bộ danh sách nhiệm vụ trong Trello, hoặc nếu không thể, nếu nó sẽ được thực hiện gần?

Vấn đề là, bạn có một danh sách gồm 5 hoặc 6 cột, nhưng một số trong số chúng cần phải rời khỏi tầm nhìn của chúng tôi trong khi làm việc, tuy nhiên, chúng tôi phải có thể kiểm tra chúng một vài lần.

Ngoài ra, nếu bạn chỉ có 4 ví dụ, sẽ không tốt nếu không thu hẹp chúng để đọc thoải mái.

Hiện tại điều này là không thể, nhưng vì Rich Armstrong (Giám đốc điều hành khách hàng tại Fog Creek Software, nhà sản xuất Trello) đã chỉ ra trong nhận xét của mình, có một yêu cầu tính năng có tên là Collapsible Lists mà bạn có thể hỗ trợ bằng cách gửi email ý tưởng tính năng @ trello.com .

Sử dụng tiện ích mở rộng Trellists Chrome. Nó đặt một thư mục của tất cả các danh sách trong một bảng ở đầu màn hình. Bạn có thể chuyển đổi tầm nhìn của họ từ đó.

Trellists - Chrome AddOn

Có , có thể ẩn (lưu trữ) và hiển thị toàn bộ danh sách trong Trello.

Để ẩn danh sách, hãy mở menu của danh sách (di chuột qua tên của danh sách và bạn sẽ thấy một hình tam giác nhỏ xuất hiện, nhấp vào đó và bạn sẽ thấy menu của danh sách). Từ menu, chọn Lưu trữ Danh sách này . Danh sách và tất cả các thẻ trong danh sách sẽ bị ẩn, nhưng chúng không bị xóa, bạn có thể lấy lại chúng.

Hiển thị một danh sách lưu trữ, mở menu của bảng (nhấp vào biểu tượng Trello nhỏ ở bên trái tên của bảng). Từ menu, chọn Mục lưu trữ . Từ đó, tìm danh sách của bạn và nhấp vào Gửi đến bảng để trả lại danh sách và tất cả các thẻ của nó trở lại bảng.

Tôi cần điều này cho bản thân mình, vì vậy tôi đã viết https://github.com/shesek/trello- leather-lists . Kiểm tra nó ra.

Tôi cũng cảm thấy điều này là cần thiết, nhưng tiếc là mã của shesek không hoạt động nữa. Tôi nhanh chóng kết hợp cái này chạy tốt (ngay bây giờ) trong Chrome. Nếu Trello thay đổi mã của họ xung quanh thì có lẽ nó cũng sẽ ngừng hoạt động.

Dù sao, điều này thêm một × -symbol nhỏ ở phía trên bên trái của mỗi danh sách ẩn danh sách khi nhấp. Nó chắc chắn có thể được cải thiện với một số LocalStorage hoặc cookie, nhưng bây giờ bạn có thể dọn dẹp bảng khi tôi giữ Trello mở cho cả phiên làm việc.

(function () {
    var closeList = function (list) {
        list.style.transition   = 'max-height 1s ease-in-out, max-width .2s 1s ease-in-out';
        list.style.maxHeight    = '4px';
        list.style.maxWidth     = '4px';
    };

    var openList = function (list) {
        list.style.transition   = 'max-height .2s 1s ease-in-out, max-width .2s ease-in-out';
        list.style.overflow     = 'hidden';
        list.style.maxHeight    = '6000px';
        list.style.maxWidth     = '250px';
    };

    var lists = document.getElementById('board').querySelectorAll('div.list');

    for (var i = 0; i < lists.length; i++) {
        (function () {
            var list    = lists[i];
            var close   = document.createElement('a');

            openList(list);

            close.setAttribute('href', '#');
            close.setAttribute('class', 'close');

            close.innerHTML             = '&times;';
            close.style.textDecoration  = 'none';
            close.style.position        = 'absolute';
            close.style.left            = '1px';
            close.style.top             = '-5px';

            list.appendChild(close);

            close.addEventListener('click', function (e) {
                e.preventDefault();

                if (close.getAttribute('class') == 'close') {
                    closeList(list);
                    close.setAttribute('class', 'open');
                    close.innerHTML = 'o';
                }
                else {
                    openList(list);
                    close.setAttribute('class', 'close');
                    close.innerHTML = '&times;';
                }
            });
        })();
    }
})();

Tôi cũng vậy, cần chức năng này và đã viết tiện ích mở rộng Chrome của riêng tôi để trợ giúp việc này.

Danh sách Trello có thể thu gọn

Nguồn có sẵn tại https://github.com/webrender/trello-collapse-lists