@girder/core 5.0.0-beta.1 → 5.0.0-beta.2

package/dist-lib/src/views/widgets/UserOtpManagementWidget.js

@@ -0,0 +1,105 @@
+import QRCode from 'qrcode';
+import OTPAuth from 'url-otpauth';
+
+import View from '@girder/core/views/View';
+
+import UserOtpBeginTemplate from '@girder/core/templates/widgets/userOtpBegin.pug';
+import UserOtpEnableTemplate from '@girder/core/templates/widgets/userOtpEnable.pug';
+import UserOtpDisableTemplate from '@girder/core/templates/widgets/userOtpDisable.pug';
+import '@girder/core/stylesheets/widgets/userOtpManagementWidget.styl';
+
+const UserOtpManagementWidget = View.extend({
+    events: {
+        'click #g-user-otp-initialize-enable': function () {
+            this.model.initializeEnableOtp()
+                .done((totpUri) => {
+                    this.totpUri = totpUri;
+                    this.render();
+                });
+        },
+        'click #g-user-otp-finalize-enable': function () {
+            const otpToken = this.$('#g-user-otp-token').val().trim();
+
+            if (otpToken.length !== 6) {
+                this.$('#g-account-otp-error').text('Enter a 6-digit token.');
+                return;
+            } else {
+                this.$('#g-account-otp-error').text('');
+            }
+
+            this.model.finializeEnableOtp(otpToken)
+                .done(() => {
+                    this.totpUri = undefined;
+                    this.render();
+                })
+                .fail((err) => {
+                    this.$('#g-account-otp-error').text(err.responseJSON.message);
+                });
+        },
+        'click #g-user-otp-cancel-enable': function () {
+            this.totpUri = undefined;
+            this.render();
+        },
+        'click #g-user-otp-disable': function () {
+            this.model.disableOtp()
+                .done(() => {
+                    this.render();
+                });
+        }
+    },
+
+    /**
+     * 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;
+    },
+
+    render: function () {
+        if (!this.model.get('otp')) {
+            // OTP not set up
+            if (!this.totpUri) {
+                // Enablement has not started
+                this._renderBegin();
+            } else {
+                // Enablement is pending
+                this._renderConfirmation();
+            }
+        } else {
+            // OTP already enabled
+            this._renderDisable();
+        }
+
+        return this;
+    },
+
+    _renderBegin: function () {
+        this.$el.html(UserOtpBeginTemplate());
+    },
+
+    _renderConfirmation: function () {
+        // The OTP URI format is defined at https://github.com/google/google-authenticator/wiki/Key-Uri-Format
+        const totpInfo = OTPAuth.parse(this.totpUri);
+
+        this.$el.html(UserOtpEnableTemplate({
+            totpInfo: totpInfo
+        }));
+
+        // Render the OTP as a QR code
+        QRCode.toCanvas(
+            this.$('#g-user-otp-qr')[0],
+            this.totpUri,
+            {
+                errorCorrectionLevel: 'H'
+            }
+        );
+    },
+
+    _renderDisable: function () {
+        this.$el.html(UserOtpDisableTemplate());
+    }
+});
+
+export default UserOtpManagementWidget;

package/dist-lib/src/views/widgets/index.js

@@ -0,0 +1,75 @@
+import AccessWidget from './AccessWidget';
+import ApiKeyListWidget from './ApiKeyListWidget';
+import BrowserWidget from './BrowserWidget';
+import CheckedMenuWidget from './CheckedMenuWidget';
+import CollectionInfoWidget from './CollectionInfoWidget';
+import DateTimeRangeWidget from './DateTimeRangeWidget';
+import DateTimeWidget from './DateTimeWidget';
+import EditApiKeyWidget from './EditApiKeyWidget';
+import EditAssetstoreWidget from './EditAssetstoreWidget';
+import EditCollectionWidget from './EditCollectionWidget';
+import EditFileWidget from './EditFileWidget';
+import EditFolderWidget from './EditFolderWidget';
+import EditGroupWidget from './EditGroupWidget';
+import EditItemWidget from './EditItemWidget';
+import FileInfoWidget from './FileInfoWidget';
+import FileListWidget from './FileListWidget';
+import FolderInfoWidget from './FolderInfoWidget';
+import FolderListWidget from './FolderListWidget';
+import GroupAdminsWidget from './GroupAdminsWidget';
+import GroupInvitesWidget from './GroupInvitesWidget';
+import GroupMembersWidget from './GroupMembersWidget';
+import GroupModsWidget from './GroupModsWidget';
+import HierarchyWidget from './HierarchyWidget';
+import ItemBreadcrumbWidget from './ItemBreadcrumbWidget';
+import ItemListWidget from './ItemListWidget';
+import LoadingAnimation from './LoadingAnimation';
+import MarkdownWidget from './MarkdownWidget';
+import MetadataWidget from './MetadataWidget';
+import NewAssetstoreWidget from './NewAssetstoreWidget';
+import PaginateWidget from './PaginateWidget';
+import PluginConfigBreadcrumbWidget from './PluginConfigBreadcrumbWidget';
+import RootSelectorWidget from './RootSelectorWidget';
+import SearchFieldWidget from './SearchFieldWidget';
+import TaskProgressWidget from './TaskProgressWidget';
+import TimelineWidget from './TimelineWidget';
+import UploadWidget from './UploadWidget';
+
+export {
+    AccessWidget,
+    ApiKeyListWidget,
+    BrowserWidget,
+    CheckedMenuWidget,
+    CollectionInfoWidget,
+    DateTimeWidget,
+    DateTimeRangeWidget,
+    EditApiKeyWidget,
+    EditAssetstoreWidget,
+    EditCollectionWidget,
+    EditFileWidget,
+    EditFolderWidget,
+    EditGroupWidget,
+    EditItemWidget,
+    FileInfoWidget,
+    FileListWidget,
+    FolderInfoWidget,
+    FolderListWidget,
+    GroupAdminsWidget,
+    GroupInvitesWidget,
+    GroupMembersWidget,
+    GroupModsWidget,
+    HierarchyWidget,
+    ItemBreadcrumbWidget,
+    ItemListWidget,
+    LoadingAnimation,
+    MarkdownWidget,
+    MetadataWidget,
+    NewAssetstoreWidget,
+    PaginateWidget,
+    PluginConfigBreadcrumbWidget,
+    RootSelectorWidget,
+    SearchFieldWidget,
+    TaskProgressWidget,
+    TimelineWidget,
+    UploadWidget
+};

package/dist-lib/src/vite-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="vite/client" />
+
+declare module 'jquery';
+declare module 'underscore';
+declare module 'moment';