@girder/core 3.2.8 → 5.0.0-a7

package/views/widgets/AccessWidget.js

@@ -1,427 +0,0 @@
-import $ from 'jquery';
-import _ from 'underscore';
-// Bootstrap tooltip is required by popover
-import 'bootstrap/js/tooltip';
-import 'bootstrap/js/popover';
-
-import accessEditorNonModalTemplate from '@girder/core/templates/widgets/accessEditorNonModal.pug';
-import accessEditorTemplate from '@girder/core/templates/widgets/accessEditor.pug';
-import accessEntryTemplate from '@girder/core/templates/widgets/accessEntry.pug';
-import GroupModel from '@girder/core/models/GroupModel';
-import LoadingAnimation from '@girder/core/views/widgets/LoadingAnimation';
-import SearchFieldWidget from '@girder/core/views/widgets/SearchFieldWidget';
-import UserModel from '@girder/core/models/UserModel';
-import View from '@girder/core/views/View';
-import { getCurrentUser } from '@girder/core/auth';
-import { AccessType } from '@girder/core/constants';
-import { handleClose, handleOpen } from '@girder/core/dialog';
-import { restRequest } from '@girder/core/rest';
-
-import '@girder/core/stylesheets/widgets/accessWidget.styl';
-
-import '@girder/core/utilities/jquery/girderModal';
-
-/**
- * This view allows users to see and control access on a resource.
- */
-var AccessWidget = View.extend({
-    events: {
-        'click button.g-save-access-list': function (e) {
-            $(e.currentTarget).girderEnable(false);
-            this.saveAccessList();
-        },
-        'click .g-close-flags-popover': function (e) {
-            $(e.currentTarget).parents('.g-access-action-container')
-                .find('.g-action-manage-flags').popover('hide');
-        },
-        'click .g-close-public-flags-popover': function (e) {
-            $(e.currentTarget).parents('.g-public-container')
-                .find('.g-action-manage-public-flags').popover('hide');
-        },
-        'click a.g-action-remove-access': 'removeAccessEntry',
-        'change .g-public-container .radio input': 'privacyChanged',
-        'change .g-flag-checkbox': '_toggleAccessFlag',
-        'change .g-public-flag-checkbox': '_togglePublicAccessFlag'
-    },
-
-    /**
-     * @param settings.modelType {string} Display name for the resource type
-     *    being edited.
-     * @param [settings.hideRecurseOption=false] {bool} Whether to hide the recursive
-     *    propagation setting widgets.
-     * @param [settings.hideSaveButton=false] {bool} Whether to hide the "save"
-     *    button in non-modal view. This allows for users of this widget to
-     *    provide their own save button elsewhere on the page that can call the
-     *    saveAccessList() method of this widget when pressed.
-     * @param [settings.modal=true] {bool} Whether to render the widget as a
-     *    modal dialog or not.
-     */
-    initialize: function (settings) {
-        this.modelType = settings.modelType;
-        this.hideRecurseOption = settings.hideRecurseOption || false;
-        this.hideSaveButton = settings.hideSaveButton || false;
-        this.hidePrivacyEditor = settings.hidePrivacyEditor || false;
-        this.hideAccessType = settings.hideAccessType || false;
-        this.noAccessFlag = settings.noAccessFlag || false;
-        this.modal = _.has(settings, 'modal') ? settings.modal : true;
-        this.currentUser = getCurrentUser();
-        this.isAdmin = !!(this.currentUser && this.currentUser.get('admin'));
-        this.searchWidget = new SearchFieldWidget({
-            placeholder: 'Start typing a name...',
-            noResultsPage: true,
-            modes: ['prefix', 'text'],
-            types: ['group', 'user'],
-            parentView: this
-        }).on('g:resultClicked', this.addEntry, this);
-
-        var flagListPromise = null;
-        if (!this.noAccessFlag) {
-            flagListPromise = restRequest({
-                url: 'system/access_flag'
-            }).done((resp) => {
-                this.flagList = resp;
-            });
-        } else {
-            this.flagList = [];
-        }
-
-        $.when(
-            flagListPromise,
-            this.model.fetchAccess()
-        ).done(() => {
-            this.render();
-        });
-    },
-
-    render: function () {
-        if (!this.model.get('access') || !this.flagList) {
-            new LoadingAnimation({
-                el: this.$el,
-                parentView: this
-            }).render();
-            return;
-        }
-
-        var closeFunction;
-        if (this.modal && this.modelType === 'folder') {
-            handleOpen('folderaccess');
-            closeFunction = function () {
-                handleClose('folderaccess');
-            };
-        } else if (this.modal) {
-            handleOpen('access');
-            closeFunction = function () {
-                handleClose('access');
-            };
-        }
-
-        var template = this.modal ? accessEditorTemplate : accessEditorNonModalTemplate;
-
-        this.$el.html(template({
-            _,
-            model: this.model,
-            modelType: this.modelType,
-            publicFlag: this.model.get('public'),
-            publicFlags: this.model.get('publicFlags'),
-            hideRecurseOption: this.hideRecurseOption,
-            hideSaveButton: this.hideSaveButton,
-            hidePrivacyEditor: this.hidePrivacyEditor,
-            flagList: this.flagList,
-            isAdmin: this.isAdmin
-        }));
-
-        if (this.modal) {
-            this.$el.girderModal(this).on('hidden.bs.modal', closeFunction);
-        }
-
-        _.each(this.model.get('access').groups, function (groupAccess) {
-            this.$('#g-ac-list-groups').append(accessEntryTemplate({
-                _,
-                accessTypes: AccessType,
-                type: 'group',
-                flagList: this.flagList,
-                isAdmin: this.isAdmin,
-                hideAccessType: this.hideAccessType,
-                noAccessFlag: this.noAccessFlag,
-                entry: _.extend(groupAccess, {
-                    title: groupAccess.name,
-                    subtitle: groupAccess.description
-                })
-            }));
-        }, this);
-
-        _.each(this.model.get('access').users, function (userAccess) {
-            this.$('#g-ac-list-users').append(accessEntryTemplate({
-                _,
-                accessTypes: AccessType,
-                type: 'user',
-                flagList: this.flagList,
-                isAdmin: this.isAdmin,
-                hideAccessType: this.hideAccessType,
-                noAccessFlag: this.noAccessFlag,
-                entry: _.extend(userAccess, {
-                    title: userAccess.name,
-                    subtitle: userAccess.login
-                })
-            }));
-        }, this);
-        this._makeTooltips();
-
-        this.searchWidget.setElement(this.$('.g-search-field-container')).render();
-
-        this.privacyChanged();
-
-        return this;
-    },
-
-    _makeTooltips: function () {
-        // Re-binding popovers actually breaks them, so we make sure to
-        // only bind ones that aren't already bound.
-        _.each(this.$('.g-action-manage-flags'), (el) => {
-            if (!$(el).data('bs.popover')) {
-                $(el).popover({
-                    trigger: 'manual',
-                    placement: 'left',
-                    viewport: {
-                        selector: 'body',
-                        padding: 10
-                    },
-                    content: function () {
-                        return $(this).parent().find('.g-flags-popover-container').html();
-                    },
-                    html: true,
-                    sanitize: false
-                }).on('click', function () {
-                    $(this).popover('toggle');
-                });
-            }
-        });
-
-        // Re-binding popovers actually breaks them, so we make sure to
-        // only bind ones that aren't already bound.
-        _.each(this.$('.g-action-manage-public-flags'), (el) => {
-            if (!$(el).data('bs.popover')) {
-                $(el).popover({
-                    trigger: 'manual',
-                    placement: 'right',
-                    viewport: {
-                        selector: 'body',
-                        padding: 10
-                    },
-                    content: function () {
-                        return $(this).parent().find('.g-public-flags-popover-container').html();
-                    },
-                    html: true,
-                    sanitize: false
-                }).on('click', function () {
-                    $(this).popover('toggle');
-                });
-            }
-        });
-    },
-
-    /**
-     * Add a new user or group entry to the access control list UI. If the
-     * given user or group already has an entry there, this does nothing.
-     */
-    addEntry: function (entry) {
-        this.searchWidget.resetState();
-        if (entry.type === 'user') {
-            this._addUserEntry(entry);
-        } else if (entry.type === 'group') {
-            this._addGroupEntry(entry);
-        }
-    },
-
-    _addUserEntry: function (entry) {
-        var exists = false;
-        _.every(this.$('.g-user-access-entry'), function (el) {
-            if ($(el).attr('resourceid') === entry.id) {
-                exists = true;
-            }
-            return !exists;
-        }, this);
-
-        if (!exists) {
-            var model = new UserModel();
-            model.set('_id', entry.id).on('g:fetched', function () {
-                this.$('#g-ac-list-users').append(accessEntryTemplate({
-                    _,
-                    accessTypes: AccessType,
-                    type: 'user',
-                    entry: {
-                        title: model.name(),
-                        subtitle: model.get('login'),
-                        id: entry.id,
-                        level: AccessType.READ
-                    },
-                    isAdmin: this.isAdmin,
-                    hideAccessType: this.hideAccessType,
-                    noAccessFlag: this.noAccessFlag,
-                    flagList: this.flagList
-                }));
-                this._makeTooltips();
-            }, this).fetch();
-        }
-    },
-
-    _addGroupEntry: function (entry) {
-        var exists = false;
-        _.every(this.$('.g-group-access-entry'), function (el) {
-            if ($(el).attr('resourceid') === entry.id) {
-                exists = true;
-            }
-            return !exists;
-        }, this);
-
-        if (!exists) {
-            var model = new GroupModel();
-            model.set('_id', entry.id).on('g:fetched', function () {
-                this.$('#g-ac-list-groups').append(accessEntryTemplate({
-                    _,
-                    accessTypes: AccessType,
-                    type: 'group',
-                    entry: {
-                        title: model.name(),
-                        subtitle: model.get('description'),
-                        id: entry.id,
-                        level: AccessType.READ
-                    },
-                    isAdmin: this.isAdmin,
-                    hideAccessType: this.hideAccessType,
-                    noAccessFlag: this.noAccessFlag,
-                    flagList: this.flagList
-                }));
-
-                this._makeTooltips();
-            }, this).fetch();
-        }
-    },
-
-    saveAccessList: function () {
-        var acList = this.getAccessList();
-
-        var publicFlags = _.map(this.$('.g-public-flag-checkbox:checked'), (checkbox) => {
-            return $(checkbox).attr('flag');
-        });
-
-        this.model.set({
-            access: acList,
-            public: this.$('#g-access-public').is(':checked'),
-            publicFlags: publicFlags
-        });
-
-        var recurse = this.$('#g-apply-recursive').is(':checked');
-
-        this.model.off('g:accessListSaved', null, this)
-            .on('g:accessListSaved', function () {
-                if (this.modal) {
-                    this.$el.modal('hide');
-                }
-
-                this.trigger('g:accessListSaved', {
-                    recurse: recurse
-                });
-            }, this).updateAccess({
-                recurse: recurse,
-                progress: true
-            });
-    },
-
-    getAccessList: function () {
-        // Rebuild the access list
-        var acList = {
-            users: [],
-            groups: []
-        };
-
-        _.each(this.$('.g-group-access-entry'), function (el) {
-            var $el = $(el);
-            acList.groups.push({
-                name: $el.find('.g-desc-title').html(),
-                id: $el.attr('resourceid'),
-                level: parseInt(
-                    $el.find('.g-access-col-right>select').val() || 0,
-                    10
-                ),
-                flags: _.map($el.find('.g-flag-checkbox:checked'),
-                    (checkbox) => $(checkbox).attr('flag')
-                )
-            });
-        }, this);
-
-        _.each(this.$('.g-user-access-entry'), function (el) {
-            var $el = $(el);
-            acList.users.push({
-                login: $el.find('.g-desc-subtitle').html(),
-                name: $el.find('.g-desc-title').html(),
-                id: $el.attr('resourceid'),
-                level: parseInt(
-                    $el.find('.g-access-col-right>select').val() || 0,
-                    10
-                ),
-                flags: _.map($el.find('.g-flag-checkbox:checked'),
-                    (checkbox) => $(checkbox).attr('flag')
-                )
-            });
-        }, this);
-
-        return acList;
-    },
-
-    removeAccessEntry: function (event) {
-        var sel = '.g-user-access-entry,.g-group-access-entry';
-        $(event.currentTarget).parents(sel).remove();
-    },
-
-    privacyChanged: function () {
-        this.$('.g-public-container .radio').removeClass('g-selected');
-        var selected = this.$('.g-public-container .radio input:checked');
-        selected.parents('.radio').addClass('g-selected');
-
-        if (this.$('#g-access-public').is(':checked')) {
-            this.$('.g-action-manage-public-flags').removeClass('hide');
-        } else {
-            this.$('.g-action-manage-public-flags').addClass('hide');
-        }
-    },
-
-    _toggleAccessFlag: function (e) {
-        var el = $(e.currentTarget),
-            type = el.attr('resourcetype'),
-            id = el.attr('resourceid'),
-            flag = el.attr('flag'),
-            container = this.$(`.g-flags-popover-container[resourcetype='${type}'][resourceid='${id}']`);
-
-        // Since we clicked in a cloned popover element, we must apply this
-        // change within the original element as well.
-        container.find(`.g-flag-checkbox[flag="${flag}"]`)
-            .attr('checked', el.is(':checked') ? 'checked' : null);
-        this._updateFlagCount(container, '.g-flag-checkbox');
-    },
-
-    _togglePublicAccessFlag: function (e) {
-        var el = $(e.currentTarget),
-            flag = el.attr('flag'),
-            container = this.$('.g-public-flags-popover-container');
-
-        // Since we clicked in a cloned popover element, we must apply this
-        // change within the original element as well.
-        container.find(`.g-public-flag-checkbox[flag="${flag}"]`)
-            .attr('checked', el.is(':checked') ? 'checked' : null);
-        this._updateFlagCount(container, '.g-public-flag-checkbox');
-    },
-
-    _updateFlagCount: function (container, sel) {
-        const nChecked = container.find(`${sel}[checked="checked"]`).length;
-        const countEl = container.parent().find('.g-flag-count-indicator');
-        countEl.text(nChecked);
-        if (nChecked) {
-            countEl.removeClass('hide');
-        } else {
-            countEl.addClass('hide');
-        }
-    }
-});
-
-export default AccessWidget;

package/views/widgets/ApiKeyListWidget.js

@@ -1,140 +0,0 @@
-import $ from 'jquery';
-import moment from 'moment';
-// Bootstrap tooltip is required by popover
-import 'bootstrap/js/tooltip';
-import 'bootstrap/js/popover';
-
-import ApiKeyCollection from '@girder/core/collections/ApiKeyCollection';
-import EditApiKeyWidget from '@girder/core/views/widgets/EditApiKeyWidget';
-import PaginateWidget from '@girder/core/views/widgets/PaginateWidget';
-import View from '@girder/core/views/View';
-import { confirm } from '@girder/core/dialog';
-import events from '@girder/core/events';
-
-import ApiKeyListTemplate from '@girder/core/templates/widgets/apiKeyList.pug';
-
-var ApiKeyListWidget = View.extend({
-    events: {
-        'click .g-api-key-toggle-active': function (e) {
-            var apiKey = this._getModelFromEvent(e);
-            var toggleActive = () => {
-                apiKey.once('g:setActive', function () {
-                    this.render();
-                }, this).setActive(!apiKey.get('active'));
-            };
-
-            if (apiKey.get('active')) {
-                confirm({
-                    text: 'Deactivating this API key will delete any existing tokens ' +
-                          'created with it, and will not be usable until it is activated ' +
-                          'again. Are you sure you want to deactivate it?',
-                    yesText: 'Yes',
-                    yesClass: 'btn-warning',
-                    escapedHtml: true,
-                    confirmCallback: toggleActive
-                });
-            } else {
-                toggleActive();
-            }
-        },
-
-        'click .g-api-key-new': function (e) {
-            this._renderEditWidget();
-        },
-
-        'click .g-api-key-edit': function (e) {
-            var apiKey = this._getModelFromEvent(e);
-            this._renderEditWidget(apiKey);
-        },
-
-        'click .g-api-key-delete': function (e) {
-            var apiKey = this._getModelFromEvent(e);
-
-            confirm({
-                text: 'Are you sure you want to delete the API key <b>' +
-                      apiKey.escape('name') + '</b>? Any client applications using ' +
-                      'this key will no longer be able to authenticate.',
-                yesText: 'Delete',
-                escapedHtml: true,
-                confirmCallback: () => {
-                    apiKey.on('g:deleted', function () {
-                        events.trigger('g:alert', {
-                            icon: 'ok',
-                            text: 'API key deleted.',
-                            type: 'success',
-                            timeout: 3000
-                        });
-                        this.render();
-                    }, this).destroy();
-                }
-            });
-        }
-    },
-
-    /**
-     * A widget for listing and editing API keys for a user.
-     *
-     * @param settings.user {UserModel} The user whose keys to show.
-     */
-    initialize: function (settings) {
-        this.model = settings.user;
-        this.fetched = false;
-
-        this.collection = new ApiKeyCollection();
-        this.collection.on('g:changed', function () {
-            this.fetched = true;
-            this.render();
-            this.trigger('g:changed');
-        }, this).fetch({
-            userId: this.model.id
-        });
-
-        this.paginateWidget = new PaginateWidget({
-            collection: this.collection,
-            parentView: this
-        });
-    },
-
-    render: function () {
-        if (!this.fetched) {
-            return;
-        }
-
-        this.$el.html(ApiKeyListTemplate({
-            apiKeys: this.collection.toArray(),
-            moment: moment
-        }));
-
-        this.$('.g-show-api-key').popover({
-            container: this.$('.g-api-key-table'),
-            placement: 'top'
-        });
-
-        this.paginateWidget.setElement(this.$('.g-paginate-container')).render();
-
-        return this;
-    },
-
-    _getModelFromEvent: function (e) {
-        var cid = $(e.currentTarget).parents('.g-api-key-container').attr('cid');
-        return this.collection.get(cid);
-    },
-
-    _renderEditWidget: function (apiKey) {
-        if (!this.editApiKeyWidget) {
-            this.editApiKeyWidget = new EditApiKeyWidget({
-                el: $('#g-dialog-container'),
-                parentView: this
-            }).on('g:saved', function (model) {
-                if (!this.collection.get(model.cid)) {
-                    this.collection.add(model);
-                }
-                this.render();
-            }, this);
-        }
-        this.editApiKeyWidget.model = apiKey || null;
-        this.editApiKeyWidget.render();
-    }
-});
-
-export default ApiKeyListWidget;