Method render

docs/app/js/sanddance-app.js:51843–51926

()

        return "#" + JSON.stringify(dss);
    }
    render() {
        const closeDialog = ()=>{
            this.setState({
                dialogMode: null
            });
        };
        let shortcut;
        if (this.state.url && !(0, _url.invalidUrlError)(this.state.url) && !this.state.urlError) shortcut = this.getUrlShortcut(this.state.url, this.state.urlType);
        return [
            /*#__PURE__*/ _react.createElement((0, _sanddanceExplorer.controls).Dialog, {
                key: "local",
                hidden: !(this.state.dialogMode === "local"),
                onDismiss: closeDialog,
                dialogContentProps: {
                    className: `sanddance-dialog ${this.props.theme}`,
                    type: (0, _base.base).fluentUI.DialogType.normal,
                    title: (0, _language.strings).dialogTitleLocal,
                    subText: (0, _language.strings).dialogSubtextLocal
                }
            }, /*#__PURE__*/ _react.createElement("input", {
                type: "file",
                onChange: (e)=>this.upload(e),
                disabled: this.state.working
            }), this.state.uploadFormatError && /*#__PURE__*/ _react.createElement("div", {
                className: "error"
            }, this.state.uploadFormatError)),
            /*#__PURE__*/ _react.createElement((0, _sanddanceExplorer.controls).Dialog, {
                key: "url",
                hidden: !(this.state.dialogMode === "url"),
                onDismiss: closeDialog,
                dialogContentProps: {
                    className: `sanddance-dialog ${this.props.theme}`,
                    type: (0, _base.base).fluentUI.DialogType.normal,
                    title: (0, _language.strings).dialogTitleUrl
                },
                buttons: [
                    /*#__PURE__*/ _react.createElement((0, _base.base).fluentUI.PrimaryButton, {
                        key: 0,
                        onClick: (e)=>this.loadUrl(),
                        iconProps: {
                            iconName: "CloudDownload"
                        },
                        text: (0, _language.strings).dialogLoadButton,
                        disabled: this.state.working
                    })
                ]
            }, /*#__PURE__*/ _react.createElement("section", null, /*#__PURE__*/ _react.createElement((0, _base.base).fluentUI.TextField, {
                label: (0, _language.strings).labelUrl,
                placeholder: (0, _language.strings).urlInputPlaceholder,
                onKeyUp: (e)=>e.keyCode === 13 && this.loadUrl(),
                onChange: (e, url)=>this.setState({
                        url,
                        urlError: ""
                    }),
                value: this.state.url,
                disabled: this.state.working
            }), this.state.urlError && /*#__PURE__*/ _react.createElement("div", {
                className: "error"