@girder/core 3.2.8 → 5.0.0-a7

package/views/widgets/HierarchyWidget.js

@@ -1,1097 +0,0 @@
-import $ from 'jquery';
-import _ from 'underscore';
-
-import * as allModels from '@girder/core/models';
-import AccessWidget from '@girder/core/views/widgets/AccessWidget';
-import CheckedMenuWidget from '@girder/core/views/widgets/CheckedMenuWidget';
-import CollectionInfoWidget from '@girder/core/views/widgets/CollectionInfoWidget';
-import EditCollectionWidget from '@girder/core/views/widgets/EditCollectionWidget';
-import EditFolderWidget from '@girder/core/views/widgets/EditFolderWidget';
-import EditItemWidget from '@girder/core/views/widgets/EditItemWidget';
-import FolderInfoWidget from '@girder/core/views/widgets/FolderInfoWidget';
-import FolderListWidget from '@girder/core/views/widgets/FolderListWidget';
-import ItemListWidget from '@girder/core/views/widgets/ItemListWidget';
-import ItemModel from '@girder/core/models/ItemModel';
-import MetadataWidget from '@girder/core/views/widgets/MetadataWidget';
-import router from '@girder/core/router';
-import UploadWidget from '@girder/core/views/widgets/UploadWidget';
-import View from '@girder/core/views/View';
-import { AccessType } from '@girder/core/constants';
-import { confirm, handleClose } from '@girder/core/dialog';
-import events from '@girder/core/events';
-import { getModelClassByName, renderMarkdown, formatCount, capitalize, formatSize } from '@girder/core/misc';
-import { restRequest, getApiRoot } from '@girder/core/rest';
-
-import HierarchyBreadcrumbTemplate from '@girder/core/templates/widgets/hierarchyBreadcrumb.pug';
-import HierarchyPaginatedTemplate from '@girder/core/templates/widgets/hierarchyPaginated.pug';
-import HierarchyWidgetTemplate from '@girder/core/templates/widgets/hierarchyWidget.pug';
-
-import '@girder/core/stylesheets/widgets/hierarchyWidget.styl';
-
-import 'bootstrap/js/dropdown';
-
-var pickedResources = null;
-
-/**
- * Renders the breadcrumb list in the hierarchy widget.
- */
-var HierarchyBreadcrumbView = View.extend({
-    events: {
-        'click a.g-breadcrumb-link': function (event) {
-            var link = $(event.currentTarget);
-            this.trigger('g:breadcrumbClicked', parseInt(link.attr('g-index'), 10));
-        }
-    },
-
-    initialize: function (settings) {
-        this.objects = settings.objects;
-    },
-
-    render: function () {
-        // Clone the array so we don't alter the instance's copy
-        var objects = this.objects.slice(0);
-
-        // Pop off the last object, it refers to the currently viewed
-        // object and should be the "active" class, and not a link.
-        var active = objects.pop();
-
-        var descriptionText = $(renderMarkdown(
-            active.get('description') || '')).text();
-
-        this.$el.html(HierarchyBreadcrumbTemplate({
-            links: objects,
-            current: active,
-            descriptionText: descriptionText
-        }));
-
-        return this;
-    }
-});
-
-var HierarchyPaginatedView = View.extend({
-    events: {
-        'change #g-page-selection-input': function (event) {
-            const num = Number(event.target.value);
-            if (this.itemListWidget && num <= this.itemListWidget.getNumPages() && num > 0) {
-                this.disabled = true;
-                this.itemListWidget.setPage(num).done(() => {
-                    this.disabled = false;
-                    this.render();
-                });
-            }
-            this.render();
-        },
-        'click li.g-page-next:not(.disabled) a#g-next-paginated': function () {
-            this.disabled = true;
-            this.itemListWidget.setPage(Number(this.$('#g-page-selection-input').val()) + 1).done(() => {
-                this.disabled = false;
-                this.render();
-            });
-            this.render();
-        },
-        'click li.g-page-prev:not(.disabled) a#g-previous-paginated': function () {
-            this.disabled = true;
-            this.itemListWidget.setPage(Number(this.$('#g-page-selection-input').val()) - 1).done(() => {
-                this.disabled = false;
-                this.render();
-            });
-            this.render();
-        }
-    },
-    initialize: function (settings) {
-        this.itemListWidget = settings.itemListWidget;
-        this.disabled = false;
-    },
-    render: function () {
-        this.$el.html(HierarchyPaginatedTemplate({
-            totalPages: this.itemListWidget && this.itemListWidget.getNumPages(),
-            currentPage: this.itemListWidget && this.itemListWidget.getCurrentPage(),
-            disabled: this.disabled
-        }));
-
-        return this;
-    }
-});
-
-/**
- * This widget is used to navigate the data hierarchy of folders and items.
- */
-var HierarchyWidget = View.extend({
-    events: {
-        'click a.g-create-subfolder': 'createFolderDialog',
-        'click a.g-edit-folder': 'editFolderDialog',
-        'click button.g-select-folder': 'selectFolder',
-        'click a.g-delete-folder': 'deleteFolderDialog',
-        'click .g-folder-info-button': 'showInfoDialog',
-        'click .g-collection-info-button': 'showInfoDialog',
-        'click .g-description-preview': 'showInfoDialog',
-        'click a.g-create-item': 'createItemDialog',
-        'click .g-upload-here-button': 'uploadDialog',
-        'click .g-edit-access': 'editAccess',
-        'click .g-hierarchy-level-up': 'upOneLevel',
-        'click a.g-download-checked': 'downloadChecked',
-        'click a.g-pick-checked': 'pickChecked',
-        'click a.g-move-picked': 'movePickedResources',
-        'click a.g-copy-picked': 'copyPickedResources',
-        'click a.g-clear-picked': 'clearPickedResources',
-        'click a.g-delete-checked': 'deleteCheckedDialog',
-        'click .g-list-checkbox': 'checkboxListener',
-        'change .g-select-all': function (e) {
-            this.folderListView.checkAll(e.currentTarget.checked);
-
-            if (this.itemListView) {
-                this.itemListView.checkAll(e.currentTarget.checked);
-            }
-        }
-    },
-
-    /**
-     * This should be instantiated with the following settings:
-     *   parentModel: The model representing the root node. Must be a User,
-     *                 Collection, or Folder model.
-     *   [showActions=true]: Whether to show the action bar.
-     *   [showItems=true]: Whether to show items in the list (or just folders).
-     *   [checkboxes=true]: Whether to show checkboxes next to each resource.
-     *   [routing=true]: Whether the route should be updated by this widget.
-     *   [appendPages=false]: Whether new pages should be appended instead of
-     *                        replaced.
-     *   [onItemClick]: A function that will be called when an item is clicked,
-     *                  passed the Item model as its first argument and the
-     *                  event as its second.
-     *   [defaultSelectedResource] : default selected Resource item , will open up to this resource
-     *   [highlightItem=false] : sets the item to be styled as selected and will scroll to it in the list
-     *   [paginated=false] : sets the itemlist view to be paginated, will set appendPages to false
-     */
-    initialize: function (settings) {
-        this.parentModel = settings.parentModel;
-        this.upload = settings.upload;
-
-        this._showActions = _.has(settings, 'showActions') ? settings.showActions : true;
-        this._showItems = _.has(settings, 'showItems') ? settings.showItems : true;
-
-        this._itemFilter = settings.itemFilter;
-
-        this._checkboxes = _.has(settings, 'checkboxes') ? settings.checkboxes : true;
-        this._downloadLinks = _.has(settings, 'downloadLinks') ? settings.downloadLinks : true;
-        this._viewLinks = _.has(settings, 'viewLinks') ? settings.viewLinks : true;
-        this._showSizes = _.has(settings, 'showSizes') ? settings.showSizes : true;
-        this._showMetadata = _.has(settings, 'showMetadata') ? settings.showMetadata : true;
-        this._routing = _.has(settings, 'routing') ? settings.routing : true;
-        this._appendPages = _.has(settings, 'appendPages') ? settings.appendPages : false;
-        this._onItemClick = settings.onItemClick || function (item) {
-            router.navigate('item/' + item.get('_id'), { trigger: true });
-        };
-        this._defaultSelectedResource = settings.defaultSelectedResource;
-        this._highlightItem = _.has(settings, 'highlightItem') ? settings.highlightItem : false;
-        this._paginated = _.has(settings, 'paginated') ? settings.paginated : false;
-        this._onFolderSelect = settings.onFolderSelect;
-
-        this.folderAccess = settings.folderAccess;
-        this.folderCreate = settings.folderCreate;
-        this.folderEdit = settings.folderEdit;
-        this.itemCreate = settings.itemCreate;
-        this.breadcrumbs = [this.parentModel];
-
-        // Initialize the breadcrumb bar state
-        this.breadcrumbView = new HierarchyBreadcrumbView({
-            objects: this.breadcrumbs,
-            parentView: this
-        });
-        this.breadcrumbView.on('g:breadcrumbClicked', function (idx) {
-            this.breadcrumbs = this.breadcrumbs.slice(0, idx + 1);
-            this.setCurrentModel(this.breadcrumbs[idx]);
-            this._setRoute();
-        }, this);
-
-        this.checkedMenuWidget = new CheckedMenuWidget({
-            pickedCount: this.getPickedCount(),
-            pickedCopyAllowed: this.getPickedCopyAllowed(),
-            pickedMoveAllowed: this.getPickedMoveAllowed(),
-            pickedDesc: this.getPickedDescription(),
-            parentView: this
-        });
-
-        this.folderListView = new FolderListWidget({
-            folderFilter: this._itemFilter,
-            parentType: this.parentModel.resourceName,
-            parentId: this.parentModel.get('_id'),
-            checkboxes: this._checkboxes,
-            parentView: this
-        });
-        this.folderListView.on('g:folderClicked', function (folder) {
-            this.descend(folder);
-
-            if (this.uploadWidget) {
-                this.uploadWidget.folder = folder;
-            }
-        }, this).off('g:checkboxesChanged')
-            .on('g:checkboxesChanged', this.updateChecked, this)
-            .off('g:changed').on('g:changed', function () {
-                this.folderCount = this.folderListView.collection.length;
-                this._childCountCheck();
-            }, this);
-
-        if (this.parentModel.resourceName === 'folder') {
-            this._fetchToRoot(this.parentModel);
-        } else {
-            this.itemCount = 0;
-            this.render();
-        }
-        events.on('g:login', () => {
-            this.constructor.resetPickedResources();
-        }, this);
-    },
-
-    /**
-     * If both the child folders and child items have been fetched, and
-     * there are neither of either type in this parent container, we should
-     * show the "empty container" message.
-     */
-    _childCountCheck: function () {
-        var container = this.$('.g-empty-parent-message').addClass('hide');
-        if (this.folderCount === 0 && this.itemCount === 0) {
-            container.removeClass('hide');
-        }
-    },
-
-    /**
-     * Initializes the subwidgets that are only shown when the parent resource
-     * is a folder type.
-     */
-    _initFolderViewSubwidgets: function () {
-        if (!this.itemListView) {
-            this.itemListView = new ItemListWidget({
-                itemFilter: this._itemFilter,
-                folderId: this.parentModel.id,
-                public: this.parentModel.get('public'),
-                accessLevel: this.parentModel.getAccessLevel(),
-                checkboxes: this._checkboxes,
-                downloadLinks: this._downloadLinks,
-                viewLinks: this._viewLinks,
-                showSizes: this._showSizes,
-                selectedItem: this._defaultSelectedResource,
-                highlightItem: this._highlightItem,
-                paginated: this._paginated,
-                parentView: this
-            });
-            this.listenTo(this.itemListView, 'g:itemClicked', this._onItemClick);
-            this.listenTo(this.itemListView, 'g:checkboxesChanged', this.updateChecked);
-
-            this.listenTo(this.itemListView, 'g:changed', () => {
-                this.itemCount = this.itemListView.collection.length;
-                this._childCountCheck();
-                if (this._paginated && this.hierarchyPaginated && this.itemListView.getNumPages() > 1) {
-                    if (this.parentModel.resourceName !== 'collection') {
-                        this.hierarchyPaginated.setElement(this.$('.g-hierarachy-paginated-bar')).render();
-                    }
-                    this.$('.g-hierarchy-breadcrumb-bar').addClass('g-hierarchy-sticky');
-                    this.$('.g-hierarachy-paginated-bar').addClass('g-hierarchy-sticky');
-                    this.$('.g-hierarchy-breadcrumb-bar').css({ top: 0 });
-                    this.$('.g-hierarachy-paginated-bar').css({ bottom: 0 });
-                    this.$('.g-hierarachy-paginated-bar').removeClass('hidden');
-                } else {
-                    // We remove the bar if the current folder doesn't have more than one page, keep the sticky breadcrumb though
-                    this.$('.g-hierarachy-paginated-bar').addClass('hidden');
-                }
-            });
-            // Only emitted when there is more than one page of data
-            this.listenTo(this.itemListView, 'g:paginated', () => {
-                if (this._paginated && !this.hierarchyPaginated) {
-                    this.hierarchyPaginated = new HierarchyPaginatedView({
-                        parentView: this,
-                        itemListWidget: this.itemListView
-                    });
-                }
-            });
-        }
-
-        if (!this.metadataWidget) {
-            this.metadataWidget = new MetadataWidget({
-                item: this.parentModel,
-                parentView: this,
-                accessLevel: this.parentModel.getAccessLevel()
-            });
-        }
-    },
-
-    _setRoute: function () {
-        if (this._routing) {
-            var route = this.breadcrumbs[0].resourceName + '/' +
-                this.breadcrumbs[0].get('_id');
-            if (this.parentModel.resourceName === 'folder') {
-                route += '/folder/' + this.parentModel.get('_id');
-            }
-            router.navigate(route);
-            events.trigger('g:hierarchy.route', { route: route });
-        }
-    },
-
-    _fetchToRoot: function (folder) {
-        folder.getRootPath().done((path) => {
-            const breadcrumbs = path.map((r) => new allModels[getModelClassByName(r.type)](r.object));
-            this.breadcrumbs.unshift(...breadcrumbs);
-            this.render();
-        });
-    },
-
-    render: function () {
-        this.folderCount = null;
-        this.itemCount = null;
-
-        this.$el.html(HierarchyWidgetTemplate({
-            type: this.parentModel.resourceName,
-            model: this.parentModel,
-            level: this.parentModel.getAccessLevel(),
-            AccessType: AccessType,
-            onFolderSelect: this._onFolderSelect,
-            showActions: this._showActions,
-            showMetadata: this._showMetadata,
-            checkboxes: this._checkboxes,
-            capitalize: capitalize,
-            itemFilter: this._itemFilter
-        }));
-
-        if (this.$('.g-folder-actions-menu>li>a').length === 0) {
-            // Disable the actions button if actions list is empty
-            this.$('.g-folder-actions-button').girderEnable(false);
-        }
-
-        this.breadcrumbView.setElement(this.$('.g-hierarchy-breadcrumb-bar>ol')).render();
-        this.checkedMenuWidget.dropdownToggle = this.$('.g-checked-actions-button');
-        this.checkedMenuWidget.setElement(this.$('.g-checked-actions-menu')).render();
-        this.folderListView.setElement(this.$('.g-folder-list-container')).render();
-        if (this.hierarchyPaginated && this.parentModel.resourceName !== 'collection') {
-            this.hierarchyPaginated.setElement(this.$('.g-hierarachy-paginated-bar')).render();
-        }
-        if (this.parentModel.resourceName === 'folder' && this._showItems) {
-            this._initFolderViewSubwidgets();
-            this.itemListView.setElement(this.$('.g-item-list-container')).render();
-            this.metadataWidget.setItem(this.parentModel);
-            this.metadataWidget.accessLevel = this.parentModel.getAccessLevel();
-            if (this._showMetadata) {
-                this.metadataWidget.setElement(this.$('.g-folder-metadata')).render();
-            }
-        }
-
-        if (this.parentModel.resourceName === 'collection' && this._showMetadata) {
-            if (!this.metadataWidget) {
-                this.metadataWidget = new MetadataWidget({
-                    item: this.parentModel,
-                    parentView: this,
-                    accessLevel: this.parentModel.getAccessLevel()
-                });
-            }
-            this.metadataWidget.setItem(this.parentModel);
-            this.metadataWidget.accessLevel = this.parentModel.getAccessLevel();
-            this.metadataWidget.setElement(this.$('.g-folder-metadata')).render();
-        }
-
-        if (this.upload) {
-            this.uploadDialog();
-        } else if (this.folderAccess) {
-            this.editAccess();
-        } else if (this.folderCreate) {
-            this.createFolderDialog();
-        } else if (this.folderEdit) {
-            this.editFolderDialog();
-        } else if (this.itemCreate) {
-            this.createItemDialog();
-        }
-
-        this.fetchAndShowChildCount();
-
-        return this;
-    },
-
-    /**
-     * Descend into the given folder.
-     */
-    descend: function (folder) {
-        this.breadcrumbs.push(folder);
-        this.setCurrentModel(folder);
-    },
-
-    /**
-     * Go to the parent of the current folder
-     */
-    upOneLevel: function () {
-        this.breadcrumbs.pop();
-        this.setCurrentModel(this.breadcrumbs[this.breadcrumbs.length - 1]);
-    },
-
-    /**
-     * Called when the "select this folder" link is clicked.
-     */
-    selectFolder: function () {
-        if (_.isFunction(this._onFolderSelect)) {
-            this._onFolderSelect(this.parentModel);
-        }
-    },
-
-    /**
-     * Prompt the user to create a new subfolder in the current folder.
-     */
-    createFolderDialog: function () {
-        new EditFolderWidget({
-            el: $('#g-dialog-container'),
-            parentModel: this.parentModel,
-            parentView: this
-        }).on('g:saved', function (folder) {
-            this.folderListView.insertFolder(folder);
-            if (this.parentModel.has('nFolders')) {
-                this.parentModel.increment('nFolders');
-            }
-            this.updateChecked();
-        }, this).render();
-    },
-
-    /**
-     * Prompt the user to create a new item in the current folder
-     */
-    createItemDialog: function () {
-        new EditItemWidget({
-            el: $('#g-dialog-container'),
-            parentModel: this.parentModel,
-            parentView: this
-        }).on('g:saved', function (item) {
-            this.itemListView.insertItem(item);
-            if (this.parentModel.has('nItems')) {
-                this.parentModel.increment('nItems');
-            }
-            this.updateChecked();
-        }, this).render();
-    },
-
-    /**
-     * Prompt user to edit the current folder or collection.
-     */
-    editFolderDialog: function () {
-        if (this.parentModel.resourceName === 'folder') {
-            new EditFolderWidget({
-                el: $('#g-dialog-container'),
-                parentModel: this.parentModel,
-                folder: this.parentModel,
-                parentView: this
-            }).on('g:saved', function () {
-                events.trigger('g:alert', {
-                    icon: 'ok',
-                    text: 'Folder info updated.',
-                    type: 'success',
-                    timeout: 4000
-                });
-                this.breadcrumbView.render();
-            }, this).on('g:fileUploaded', function (args) {
-                var item = new ItemModel({
-                    _id: args.model.get('itemId')
-                });
-
-                item.once('g:fetched', function () {
-                    this.itemListView.insertItem(item);
-                    if (this.parentModel.has('nItems')) {
-                        this.parentModel.increment('nItems');
-                    }
-                    this.updateChecked();
-                }, this).fetch();
-            }, this).render();
-        } else if (this.parentModel.resourceName === 'collection') {
-            new EditCollectionWidget({
-                el: $('#g-dialog-container'),
-                model: this.parentModel,
-                parentView: this
-            }).on('g:saved', function () {
-                this.breadcrumbView.render();
-                this.trigger('g:collectionChanged');
-            }, this).render();
-        }
-    },
-
-    /**
-     * Prompt the user to delete the currently viewed folder or collection.
-     */
-    deleteFolderDialog: function () {
-        var type = this.parentModel.resourceName;
-        var params = {
-            text: 'Are you sure you want to delete the ' + type + ' <b>' +
-                  this.parentModel.escape('name') + '</b>?',
-            escapedHtml: true,
-            yesText: 'Delete',
-            confirmCallback: () => {
-                this.parentModel.on('g:deleted', function () {
-                    if (type === 'collection') {
-                        router.navigate('collections', { trigger: true });
-                    } else if (type === 'folder') {
-                        this.breadcrumbs.pop();
-                        this.setCurrentModel(this.breadcrumbs.slice(-1)[0]);
-                    }
-                }, this).destroy({
-                    throwError: true,
-                    progress: true
-                });
-            }
-        };
-        if (type === 'collection' &&
-           (this.parentModel.get('nFolders') !== 0 || this.parentModel.get('size') !== 0)) {
-            params = _.extend({
-                name: this.parentModel.escape('name'),
-                additionalText: '<b>' + this.parentModel.escape('name') + '</b>' +
-                                ' contains <b>' + this.parentModel.escape('nFolders') +
-                                ' folders</b> taking up <b>' +
-                                formatSize(parseInt(this.parentModel.get('size'), 10)) + '</b>',
-                msgConfirmation: true
-            }, params);
-        }
-        confirm(params);
-    },
-
-    showInfoDialog: function () {
-        var opts = {
-            el: $('#g-dialog-container'),
-            model: this.parentModel,
-            parentView: this
-        };
-
-        if (this.parentModel.resourceName === 'collection') {
-            new CollectionInfoWidget(opts).render();
-        } else if (this.parentModel.resourceName === 'folder') {
-            new FolderInfoWidget(opts).render();
-        }
-    },
-
-    fetchAndShowChildCount: function () {
-        this.$('.g-child-count-container').addClass('hide');
-
-        var showCounts = () => {
-            const folderCount = formatCount(this.parentModel.get('nFolders'));
-            this.$('.g-child-count-container').removeClass('hide');
-            this.$('.g-subfolder-count').text(folderCount);
-            const folderTooltip = folderCount === 1 ? `${folderCount} total folder` : `${folderCount} total folders`;
-            this.$('.g-subfolder-count-container').attr('title', folderTooltip);
-            if (this.parentModel.has('nItems')) {
-                const itemCount = formatCount(this.parentModel.get('nItems'));
-                this.$('.g-item-count').text(itemCount);
-                const itemTooltip = itemCount === 1 ? `${itemCount} total item` : `${itemCount} total items`;
-                this.$('.g-item-count-container').attr('title', itemTooltip);
-            }
-        };
-
-        if (this.parentModel.has('nFolders')) {
-            showCounts();
-        } else {
-            this.parentModel.set('nFolders', 0); // prevents fetching details twice
-            this.parentModel.once('g:fetched.details', function () {
-                showCounts();
-            }, this).fetch({ extraPath: 'details' });
-        }
-
-        this.parentModel.off('change:nItems', showCounts, this)
-            .on('change:nItems', showCounts, this)
-            .off('change:nFolders', showCounts, this)
-            .on('change:nFolders', showCounts, this);
-
-        return this;
-    },
-
-    /**
-     * Change the current parent model, i.e. the resource being shown currently.
-     *
-     * @param parent The parent model to change to.
-     */
-    setCurrentModel: function (parent, opts) {
-        opts = opts || {};
-        this.parentModel = parent;
-
-        this.breadcrumbView.objects = this.breadcrumbs;
-
-        this.folderListView.initialize({
-            parentType: parent.resourceName,
-            parentId: parent.get('_id'),
-            checkboxes: this._checkboxes,
-            folderFilter: this._itemFilter
-        });
-
-        this.updateChecked();
-
-        if (parent.resourceName === 'folder') {
-            if (this.itemListView) {
-                this.itemListView.initialize({
-                    folderId: parent.get('_id'),
-                    checkboxes: this._checkboxes,
-                    downloadLinks: this._downloadLinks,
-                    viewLinks: this._viewLinks,
-                    itemFilter: this._itemFilter,
-                    showSizes: this._showSizes,
-                    paginated: this._paginated,
-                    public: this.parentModel.get('public'),
-                    accessLevel: this.parentModel.getAccessLevel()
-                });
-            }
-            this._initFolderViewSubwidgets();
-        }
-
-        this.render();
-        if (!_.has(opts, 'setRoute') || opts.setRoute) {
-            this._setRoute();
-        }
-        this.trigger('g:setCurrentModel');
-    },
-
-    /**
-     * Based on a resource collection with either has model references or
-     * checkbox references, return a string that describes the collection.
-     * :param resources: a hash with different resources.
-     * :returns: description of the resources.
-     */
-    _describeResources: function (resources) {
-        /* If the resources aren't English words or don't have simple plurals,
-         * this will need to be refactored. */
-        var kinds = ['folder', 'item'];
-
-        var desc = [];
-        for (var i = 0; i < kinds.length; i += 1) {
-            var kind = kinds[i];
-            if (resources[kind] && resources[kind].length) {
-                desc.push(resources[kind].length + ' ' + kind +
-                          (resources[kind].length !== 1 ? 's' : ''));
-            }
-        }
-        switch (desc.length) {
-            case 0:
-                return 'nothing';
-            case 1:
-                return desc[0];
-            case 2:
-                return desc[0] + ' and ' + desc[1];
-            /* If we add a third model type, enable this:
-            default:
-                desc[desc.length-1] = 'and ' + desc[desc.length-1];
-                return ', '.join(desc);
-             */
-        }
-    },
-
-    /**
-     * Prompt the user to delete the currently checked items.
-     */
-    deleteCheckedDialog: function () {
-        var folders = this.folderListView.checked;
-        var items;
-        if (this.itemListView && this.itemListView.checked.length) {
-            items = this.itemListView.checked;
-        }
-        var desc = this._describeResources({ folder: folders, item: items });
-
-        var params = {
-            text: 'Are you sure you want to delete the checked resources (' +
-                  desc + ')?',
-
-            yesText: 'Delete',
-            confirmCallback: () => {
-                var resources = this._getCheckedResourceParam();
-                var resourceSize = this._getCheckedResourceSize();
-                /* Content on DELETE requests is somewhat oddly supported (I
-                 * can't get it to work under jasmine/phantom), so override the
-                 * method. */
-                restRequest({
-                    url: 'resource',
-                    method: 'POST',
-                    data: { resources: resources, progress: true },
-                    headers: { 'X-HTTP-Method-Override': 'DELETE' }
-                }).done(() => {
-                    if (items && items.length && this.parentModel.has('nItems')) {
-                        this.parentModel.increment('nItems', -items.length);
-                    }
-                    if (folders.length && this.parentModel.has('nFolders')) {
-                        this.parentModel.increment('nFolders', -folders.length);
-                    }
-                    if (this.parentModel.has('size') && resourceSize.items) {
-                        this.parentModel.increment('size', -resourceSize.items);
-                    }
-                    this.setCurrentModel(this.parentModel, { setRoute: false });
-                });
-            }
-        };
-        confirm(params);
-    },
-
-    /**
-     * Show and handle the upload dialog
-     */
-    uploadDialog: function () {
-        var container = $('#g-dialog-container');
-
-        new UploadWidget({
-            el: container,
-            parent: this.parentModel,
-            parentType: this.parentType,
-            parentView: this
-        }).on('g:uploadFinished', function (info) {
-            handleClose('upload');
-            this.upload = false;
-            if (this.parentModel.has('nItems')) {
-                this.parentModel.increment('nItems', info.files.length);
-            }
-            if (this.parentModel.has('size')) {
-                this.parentModel.increment('size', info.totalSize);
-            }
-            this.setCurrentModel(this.parentModel, { setRoute: false });
-        }, this).render();
-    },
-
-    /**
-     * When any of the checkboxes is changed, this will be called to update
-     * the checked menu state.
-     */
-    updateChecked: function () {
-        var folders = this.folderListView.checked,
-            items = [];
-
-        // Only show actions corresponding to the minimum access level over
-        // the whole set of checked resources.
-        var minFolderLevel = AccessType.ADMIN;
-        _.every(folders, function (cid) {
-            var folder = this.folderListView.collection.get(cid);
-            minFolderLevel = Math.min(minFolderLevel, folder.getAccessLevel());
-            return minFolderLevel > AccessType.READ; // acts as 'break'
-        }, this);
-
-        var minItemLevel = AccessType.ADMIN;
-        if (this.itemListView) {
-            items = this.itemListView.checked;
-            if (items.length) {
-                minItemLevel = Math.min(minItemLevel, this.parentModel.getAccessLevel());
-            }
-        }
-
-        // Disable folder actions if checkboxes are checked
-        const anyChecked = folders.length + items.length > 0;
-        this.$('.g-folder-actions-button').girderEnable(!anyChecked);
-
-        this.checkedMenuWidget.update({
-            minFolderLevel: minFolderLevel,
-            minItemLevel: minItemLevel,
-            folderCount: folders.length,
-            itemCount: items.length,
-            pickedCount: this.getPickedCount(),
-            pickedCopyAllowed: this.getPickedCopyAllowed(),
-            pickedMoveAllowed: this.getPickedMoveAllowed(),
-            pickedDesc: this.getPickedDescription()
-        });
-    },
-
-    getPickedCount: function () {
-        var pickedCount = 0;
-        if (pickedResources && pickedResources.resources) {
-            _.each(pickedResources.resources, function (list) {
-                pickedCount += list.length;
-            });
-        }
-        return pickedCount;
-    },
-
-    getPickedCopyAllowed: function () {
-        /* We must have something picked */
-        if (!pickedResources) {
-            return false;
-        }
-        /* If we have an item picked but this page isn't a folder's list, then
-         * you can't move or copy them here. */
-        if (this.parentModel.resourceName !== 'folder') {
-            if (pickedResources.resources.item &&
-                    pickedResources.resources.item.length) {
-                return false;
-            }
-        }
-        /* We must have permission to write to this folder to be allowed to
-         * copy. */
-        if (this.parentModel.getAccessLevel() < AccessType.WRITE) {
-            return false;
-        }
-        return true;
-    },
-
-    getPickedMoveAllowed: function () {
-        /* All of the restrictions for copy are the same */
-        if (!this.getPickedCopyAllowed()) {
-            return false;
-        }
-        /* We also can't move an item or folder if we don't have permission to
-         * delete that item or folder (since a move deletes it from the
-         * original spot). */
-        if (pickedResources.minFolderLevel < AccessType.ADMIN) {
-            return false;
-        }
-        if (pickedResources.minItemLevel < AccessType.WRITE) {
-            return false;
-        }
-        return true;
-    },
-
-    getPickedDescription: function () {
-        if (!pickedResources || !pickedResources.resources) {
-            return '';
-        }
-        return this._describeResources(pickedResources.resources);
-    },
-
-    /**
-     * Get a parameter that can be added to a url for the checked resources.
-     */
-    _getCheckedResourceParam: function (asObject) {
-        var resources = { folder: [], item: [] };
-        var folders = this.folderListView.checked;
-        _.each(folders, function (cid) {
-            var folder = this.folderListView.collection.get(cid);
-            resources.folder.push(folder.id);
-        }, this);
-        if (this.itemListView) {
-            var items = this.itemListView.checked;
-            _.each(items, function (cid) {
-                var item = this.itemListView.collection.get(cid);
-                resources.item.push(item.id);
-            }, this);
-        }
-        _.each(resources, function (list, key) {
-            if (!list.length) {
-                delete resources[key];
-            }
-        });
-        if (asObject) {
-            return resources;
-        }
-        return JSON.stringify(resources);
-    },
-
-    /**
-     * Get the sum of the sizes of checked resources.
-     */
-    _getCheckedResourceSize: function () {
-        var totalSize = { items: 0, folders: 0 };
-        var folders = this.folderListView.checked;
-        _.each(folders, function (cid) {
-            var folder = this.folderListView.collection.get(cid);
-            totalSize.folders += (folder.get('size') || 0);
-        }, this);
-        if (this.itemListView) {
-            var items = this.itemListView.checked;
-            _.each(items, function (cid) {
-                var item = this.itemListView.collection.get(cid);
-                totalSize.items += (item.get('size') || 0);
-            }, this);
-        }
-        return totalSize;
-    },
-
-    downloadChecked: function () {
-        var url = getApiRoot() + '/resource/download';
-        var resources = this._getCheckedResourceParam();
-        var data = { resources: resources };
-
-        this.redirectViaForm('POST', url, data);
-    },
-
-    pickChecked: function () {
-        if (!pickedResources) {
-            pickedResources = {
-                resources: {},
-                minItemLevel: AccessType.ADMIN,
-                minFolderLevel: AccessType.ADMIN
-            };
-        }
-        /* Maintain our minimum permissions.  It is expensive to compute them
-         * arbitrarily later. */
-        var folders = this.folderListView.checked;
-        _.every(folders, function (cid) {
-            var folder = this.folderListView.collection.get(cid);
-            pickedResources.minFolderLevel = Math.min(
-                pickedResources.minFolderLevel,
-                folder.getAccessLevel());
-            return (pickedResources.minFolderLevel >
-                    AccessType.READ); // acts as 'break'
-        }, this);
-        if (this.itemListView) {
-            var items = this.itemListView.checked;
-            if (items.length) {
-                pickedResources.minItemLevel = Math.min(
-                    pickedResources.minItemLevel,
-                    this.parentModel.getAccessLevel());
-            }
-        }
-        var resources = this._getCheckedResourceParam(true);
-        var pickDesc = this._describeResources(resources);
-        /* Merge these resources with any that are already picked */
-        var existing = pickedResources.resources;
-        _.each(existing, function (list, resource) {
-            if (!resources[resource]) {
-                resources[resource] = list;
-            } else {
-                resources[resource] = _.union(list, resources[resource]);
-            }
-        });
-        pickedResources.resources = resources;
-        this.updateChecked();
-        var totalPickDesc = this.getPickedDescription();
-        var desc = totalPickDesc + ' picked.';
-        if (pickDesc !== totalPickDesc) {
-            desc = pickDesc + ' added to picked resources.  Now ' + desc;
-        }
-        events.trigger('g:alert', {
-            icon: 'ok',
-            text: desc,
-            type: 'info',
-            timeout: 4000
-        });
-    },
-
-    _incrementCounts: function (nFolders, nItems) {
-        if (this.parentModel.has('nItems')) {
-            this.parentModel.increment('nItems', nItems);
-        }
-        if (this.parentModel.has('nFolders')) {
-            this.parentModel.increment('nFolders', nFolders);
-        }
-    },
-
-    movePickedResources: function () {
-        if (!this.getPickedMoveAllowed()) {
-            return;
-        }
-        var resources = JSON.stringify(pickedResources.resources);
-        var nFolders = (pickedResources.resources.folder || []).length;
-        var nItems = (pickedResources.resources.item || []).length;
-        restRequest({
-            url: 'resource/move',
-            method: 'PUT',
-            data: {
-                resources: resources,
-                parentType: this.parentModel.resourceName,
-                parentId: this.parentModel.get('_id'),
-                progress: true
-            }
-        }).done(() => {
-            this._incrementCounts(nFolders, nItems);
-            this.setCurrentModel(this.parentModel, { setRoute: false });
-        });
-        this.clearPickedResources();
-    },
-
-    copyPickedResources: function () {
-        if (!this.getPickedCopyAllowed()) {
-            return;
-        }
-        var resources = JSON.stringify(pickedResources.resources);
-        var nFolders = (pickedResources.resources.folder || []).length;
-        var nItems = (pickedResources.resources.item || []).length;
-        restRequest({
-            url: 'resource/copy',
-            method: 'POST',
-            data: {
-                resources: resources,
-                parentType: this.parentModel.resourceName,
-                parentId: this.parentModel.get('_id'),
-                progress: true
-            }
-        }).done(() => {
-            this._incrementCounts(nFolders, nItems);
-            this.setCurrentModel(this.parentModel, { setRoute: false });
-        });
-        this.clearPickedResources();
-    },
-
-    clearPickedResources: function (event) {
-        this.constructor.resetPickedResources();
-        this.updateChecked();
-        if (event) {
-            events.trigger('g:alert', {
-                icon: 'ok',
-                text: 'Cleared picked resources',
-                type: 'info',
-                timeout: 4000
-            });
-        }
-    },
-
-    redirectViaForm: function (method, url, data) {
-        var form = $('<form/>').attr({ action: url, method: method });
-        _.each(data, function (value, key) {
-            form.append($('<input/>').attr({ type: 'text', name: key, value: value }));
-        });
-        // $(form).trigger('submit') will *not* work w/ Firefox (http://stackoverflow.com/q/7117084/250457)
-        $(form).appendTo('body').trigger('submit').remove();
-    },
-
-    editAccess: function () {
-        new AccessWidget({
-            el: $('#g-dialog-container'),
-            modelType: this.parentModel.resourceName,
-            model: this.parentModel,
-            parentView: this
-        }).on('g:accessListSaved', function (params) {
-            if (params.recurse) {
-                // Refresh list since the public flag may have changed on the children.
-                this.refreshFolderList();
-            }
-        }, this);
-    },
-
-    /**
-     * Reloads the folder list view.
-     */
-    refreshFolderList: function () {
-        this.folderListView.collection.fetch(null, true);
-    },
-
-    /**
-     * Select (highlight) an item in the list.
-     * @param item An ItemModel instance representing the item to select.
-     */
-    selectItem: function (item) {
-        this.itemListView.selectItem(item);
-    },
-
-    /**
-     * Return the currently selected item, or null if there is no selected item.
-     */
-    getSelectedItem: function () {
-        return this.itemListView.getSelectedItem();
-    },
-
-    /**
-     * In order to handle range selection, we must listen to checkbox changes
-     * at this level, in case a range selection crosses the boundary between
-     * folders and items.
-     */
-    checkboxListener: function (e) {
-        var checkbox = $(e.currentTarget);
-
-        if (this._lastCheckbox) {
-            if (e.shiftKey) {
-                var checkboxes = this.$el.find(':checkbox');
-                var from = checkboxes.index(this._lastCheckbox);
-                var to = checkboxes.index(checkbox);
-
-                checkboxes.slice(Math.min(from, to), Math.max(from, to) + 1)
-                    .prop('checked', checkbox.prop('checked'));
-
-                this.folderListView.recomputeChecked();
-
-                if (this.itemListView) {
-                    this.itemListView.recomputeChecked();
-                }
-
-                this.updateChecked();
-            }
-        }
-        this._lastCheckbox = checkbox;
-    }
-}, {
-    /* Because we need to be able to clear picked resources when the current user
-     * changes, this function is placed in the girder namespace. */
-    resetPickedResources: function (val) {
-        pickedResources = val || null;
-    },
-    getPickedResources: function () {
-        return pickedResources;
-    }
-});
-
-export default HierarchyWidget;