|
|
|
@ -8,7 +8,7 @@ import DragBar from './components/dragbar/dragbar' |
|
|
|
|
import {AppProvider} from './context/provider' |
|
|
|
|
import AppDialogs from './components/modals/dialogs' |
|
|
|
|
import DialogViewPlugin from './components/modals/dialogViewPlugin' |
|
|
|
|
import { AppContext, appProviderContextType } from './context/context' |
|
|
|
|
import { appProviderContextType, onLineContext, platformContext } from './context/context' |
|
|
|
|
import { FormattedMessage, IntlProvider } from 'react-intl' |
|
|
|
|
import {CustomTooltip} from '@remix-ui/helper' |
|
|
|
|
import {UsageTypes} from './types' |
|
|
|
@ -105,10 +105,7 @@ const RemixApp = (props: IRemixAppUi) => { |
|
|
|
|
showMatamo: props.app.showMatamo, |
|
|
|
|
appManager: props.app.appManager, |
|
|
|
|
showEnter: props.app.showEnter, |
|
|
|
|
modal: props.app.notification, |
|
|
|
|
layout: props.app.layout, |
|
|
|
|
platform: props.app.platform, |
|
|
|
|
online: online |
|
|
|
|
modal: props.app.notification |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
const handleUserChosenType = async (type) => { |
|
|
|
@ -151,41 +148,45 @@ const RemixApp = (props: IRemixAppUi) => { |
|
|
|
|
return ( |
|
|
|
|
//@ts-ignore
|
|
|
|
|
<IntlProvider locale={locale.code} messages={locale.messages}> |
|
|
|
|
<AppProvider value={value}> |
|
|
|
|
<OriginWarning></OriginWarning> |
|
|
|
|
<MatomoDialog hide={!appReady} okFn={() => setShowEnterDialog(true)}></MatomoDialog> |
|
|
|
|
{showEnterDialog && <EnterDialog handleUserChoice={(type) => handleUserChosenType(type)}></EnterDialog>} |
|
|
|
|
<div className={`remixIDE ${appReady ? '' : 'd-none'}`} data-id="remixIDE"> |
|
|
|
|
<div id="icon-panel" data-id="remixIdeIconPanel" className="custom_icon_panel iconpanel bg-light"> |
|
|
|
|
{props.app.menuicons.render()} |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
ref={sidePanelRef} |
|
|
|
|
id="side-panel" |
|
|
|
|
data-id="remixIdeSidePanel" |
|
|
|
|
className={`sidepanel border-right border-left ${hideSidePanel ? 'd-none' : ''}`} |
|
|
|
|
> |
|
|
|
|
{props.app.sidePanel.render()} |
|
|
|
|
</div> |
|
|
|
|
<DragBar |
|
|
|
|
resetTrigger={resetTrigger} |
|
|
|
|
maximiseTrigger={maximiseTrigger} |
|
|
|
|
minWidth={285} |
|
|
|
|
refObject={sidePanelRef} |
|
|
|
|
hidden={hideSidePanel} |
|
|
|
|
setHideStatus={setHideSidePanel} |
|
|
|
|
></DragBar> |
|
|
|
|
<div id="main-panel" data-id="remixIdeMainPanel" className="mainpanel d-flex"> |
|
|
|
|
<RemixUIMainPanel Context={AppContext}></RemixUIMainPanel> |
|
|
|
|
<CustomTooltip placement="bottom" tooltipId="overlay-tooltip-all-tabs" tooltipText={<FormattedMessage id="remixApp.scrollToSeeAllTabs" />}> |
|
|
|
|
<div className="remix-ui-tabs_end remix-bg-opacity position-absolute position-fixed"></div> |
|
|
|
|
</CustomTooltip> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div>{props.app.hiddenPanel.render()}</div> |
|
|
|
|
<AppDialogs></AppDialogs> |
|
|
|
|
<DialogViewPlugin></DialogViewPlugin> |
|
|
|
|
</AppProvider> |
|
|
|
|
<platformContext.Provider value={props.app.platform}> |
|
|
|
|
<onLineContext.Provider value={online}> |
|
|
|
|
<AppProvider value={value}> |
|
|
|
|
<OriginWarning></OriginWarning> |
|
|
|
|
<MatomoDialog hide={!appReady} okFn={() => setShowEnterDialog(true)}></MatomoDialog> |
|
|
|
|
{showEnterDialog && <EnterDialog handleUserChoice={(type) => handleUserChosenType(type)}></EnterDialog>} |
|
|
|
|
<div className={`remixIDE ${appReady ? '' : 'd-none'}`} data-id="remixIDE"> |
|
|
|
|
<div id="icon-panel" data-id="remixIdeIconPanel" className="custom_icon_panel iconpanel bg-light"> |
|
|
|
|
{props.app.menuicons.render()} |
|
|
|
|
</div> |
|
|
|
|
<div |
|
|
|
|
ref={sidePanelRef} |
|
|
|
|
id="side-panel" |
|
|
|
|
data-id="remixIdeSidePanel" |
|
|
|
|
className={`sidepanel border-right border-left ${hideSidePanel ? 'd-none' : ''}`} |
|
|
|
|
> |
|
|
|
|
{props.app.sidePanel.render()} |
|
|
|
|
</div> |
|
|
|
|
<DragBar |
|
|
|
|
resetTrigger={resetTrigger} |
|
|
|
|
maximiseTrigger={maximiseTrigger} |
|
|
|
|
minWidth={285} |
|
|
|
|
refObject={sidePanelRef} |
|
|
|
|
hidden={hideSidePanel} |
|
|
|
|
setHideStatus={setHideSidePanel} |
|
|
|
|
></DragBar> |
|
|
|
|
<div id="main-panel" data-id="remixIdeMainPanel" className="mainpanel d-flex"> |
|
|
|
|
<RemixUIMainPanel layout={props.app.layout}></RemixUIMainPanel> |
|
|
|
|
<CustomTooltip placement="bottom" tooltipId="overlay-tooltip-all-tabs" tooltipText={<FormattedMessage id="remixApp.scrollToSeeAllTabs" />}> |
|
|
|
|
<div className="remix-ui-tabs_end remix-bg-opacity position-absolute position-fixed"></div> |
|
|
|
|
</CustomTooltip> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div>{props.app.hiddenPanel.render()}</div> |
|
|
|
|
<AppDialogs></AppDialogs> |
|
|
|
|
<DialogViewPlugin></DialogViewPlugin> |
|
|
|
|
</AppProvider> |
|
|
|
|
</onLineContext.Provider> |
|
|
|
|
</platformContext.Provider> |
|
|
|
|
</IntlProvider> |
|
|
|
|
) |
|
|
|
|
} |
|
|
|
|