2014-11-10 14:51:04 +01:00
|
|
|
define([
|
2014-12-03 10:45:31 +01:00
|
|
|
'react/addons',
|
2014-11-10 14:51:04 +01:00
|
|
|
'lodash'
|
|
|
|
], function (React, _) {
|
2014-11-11 10:27:59 +01:00
|
|
|
'use strict';
|
2014-11-10 17:47:06 +01:00
|
|
|
return function () {
|
2014-12-04 13:40:54 +01:00
|
|
|
return React.createElement('div', {}, React.createElement('div', {
|
2014-11-12 09:48:22 +01:00
|
|
|
'style': {
|
|
|
|
position: 'relative',
|
|
|
|
textAlign: 'center',
|
|
|
|
top: this.props.config.previewTop,
|
|
|
|
height: this.props.config.previewHeight
|
|
|
|
}
|
2014-12-04 13:40:54 +01:00
|
|
|
}, React.createElement('div', {
|
2014-11-12 09:48:22 +01:00
|
|
|
'style': {
|
|
|
|
margin: 'auto',
|
|
|
|
height: '100%',
|
|
|
|
width: this.props.config.previewWidth || '100%'
|
|
|
|
}
|
2014-12-04 13:40:54 +01:00
|
|
|
}, React.createElement('iframe', {
|
2014-11-12 09:48:22 +01:00
|
|
|
'id': 'preview',
|
|
|
|
'src': 'http://localhost/sites/412?ds=true',
|
|
|
|
'style': {
|
|
|
|
width: '100%',
|
|
|
|
height: '100%',
|
|
|
|
border: '0'
|
|
|
|
}
|
2014-12-04 13:40:54 +01:00
|
|
|
}))), React.createElement('div', {}, 'editor\n ', !this.props.editorState.previewMode ? React.createElement('div', {}, 'left bar') : null));
|
2014-11-10 17:47:06 +01:00
|
|
|
};
|
2014-11-30 09:55:38 +01:00
|
|
|
});
|