Backup_Repos/jsketcher
1
0
Fork 0
mirror of https://github.com/xibyte/jsketcher synced 2025-12-15 21:05:22 +01:00
Code Issues Projects Releases Wiki Activity

switch to React

Browse source
This commit is contained in:
xibyte 2018-01-06 15:55:18 -08:00
parent 76b8f635ca
commit 72104c5413
6 changed files with 45 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
web/app/3d/dom/WebApplication.jsx Normal file
View file

@ -0,0 +1,27 @@
import React, {Fragment} from 'react';
export default class WebApplication extends React.Component {
render() {
return <Fragment>
<div className="app-tab-view" id="view-3d">
<div style={{
position: 'relative',
width: '100%',
height: '100%'
}}>
<div id="right-panel"></div>
<div id="viewer-container"></div>
<div id="control-bar">
<div className="left-group">
</div>
<div className="right-group">
</div>
</div>
</div>
</div>
<div id="tab-switcher"></div>
<a id="downloader" style={{display: 'none'}} ></a>
</Fragment>
}
}

2
web/app/3d/domPlugin.js → web/app/3d/dom/domPlugin.js
View file

@ -1,6 +1,6 @@
export function activate(context) {
context.services.dom = {
viewerContainer: document.getElementById('viewer-container')
};
}

11
web/app/3d/dom/startReact.js Normal file
View file

@ -0,0 +1,11 @@
import React from 'react';
import ReactDOM from 'react-dom';
import WebApplication from './WebApplication';
export default function startReact(callback) {
return ReactDOM.render(
<WebApplication />,
document.getElementById('app'),
callback
);
}

2
web/app/3d/plugins.js
View file

@ -1,4 +1,4 @@
import * as DomPlugin from './domPlugin';
import * as DomPlugin from './dom/domPlugin';
import * as PickControlPlugin from './scene/controls/pickControlPlugin';
import * as ScenePlugin from './scene/scenePlugin';
import * as SelectionMarkerPlugin from './scene/selectionMarker/selectionMarkerPlugin';

5
web/app/index.js
View file

@ -1,6 +1,7 @@
//import './utils/jqueryfy'
import App from './3d/modeler-app'
import startReact from './3d/dom/startReact';
window.onload = function() {
startReact(() =>{
window._TCAD_APP = new App();
};
});

18
web/index.html
View file

@ -14,23 +14,9 @@
<script src="lib/pnltri.js"></script>
<script src="lib/jquery-2.1.0.min.js"></script>
<script src="lib/verb.js"></script>
<script src="static/index.bundle.js"></script>
</head>
<body>
<div class="app-tab-view" id="view-3d">
<div style="position: relative; width: 100%; height: 100%">
<div id="right-panel"></div>
<div id="viewer-container"></div>
<div id="control-bar">
<div class="left-group">
</div>
<div class="right-group">
</div>
</div>
</div>
</div>
<div id="tab-switcher"></div>
<a id="downloader" style="display: none;" ></a>
<div id="app"></div>
<script src="static/index.bundle.js"></script>
</body>
</html>