linked-data-reactor
Version:
Linked Data Reactor provides a framework to view, browse and edit Linked Data in a flexible way.
55 lines (52 loc) • 3.23 kB
JavaScript
;
import React from 'react';
import ApplicationStore from '../stores/ApplicationStore';
import ga from '../plugins/googleAnalytics/ga';
import {googleAnalyticsID} from '../configs/general';
class DefaultHTMLLayout extends React.Component {
render() {
return (
<html>
<head>
<meta charSet="utf-8" />
<title>{this.props.context.getStore(ApplicationStore).getPageTitle()}</title>
<meta name="viewport" content="width=device-width, user-scalable=no" />
<link href="/semantic-ui/semantic.min.css" rel="stylesheet" type="text/css" />
<link href="/animate.css/animate.min.css" rel="stylesheet" type="text/css" />
{/* Vendors css bundle */
this.props.addAssets ? <link href="/public/css/vendor.bundle.css" rel="stylesheet" type="text/css" />: <style></style>
}
<link href="/leaflet/dist/leaflet.css" rel="stylesheet" type="text/css" />
<link href="/jqcloud2/dist/jqcloud.min.css" rel="stylesheet" type="text/css" />
<link href="/assets/css/custom1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="app" dangerouslySetInnerHTML={{__html: this.props.markup}}></div>
<script dangerouslySetInnerHTML={{__html: this.props.state}}></script>
{/* Following are added only to support IE browser */}
<script src="/es5-shim/es5-shim.min.js"></script>
<script src="/es5-shim/es5-sham.min.js"></script>
<script src="/json3/lib/json3.min.js"></script>
<script src="/es6-shim/es6-shim.min.js"></script>
<script src="/es6-shim/es6-sham.min.js"></script>
{/* Above are added only to support IE browser */}
<script src="/jquery/dist/jquery.min.js"></script>
<script src="/jqcloud2/dist/jqcloud.min.js"></script>
<script src="/semantic-ui/components/transition.min.js"></script>
<script src="/semantic-ui/components/dropdown.min.js"></script>
<script src="/semantic-ui/components/checkbox.min.js"></script>
<script src="/semantic-ui/components/dimmer.min.js"></script>
<script src="/semantic-ui/components/modal.min.js"></script>
<script src="/codemirror/lib/codemirror.js"></script>
<script src="/yasgui-yasqe/dist/yasqe.min.js"></script>
{/* All external vendors bundle*/
this.props.addAssets ? <script src={'/public/js/vendor.bundle.js'}></script> : ''}
{/* Main app bundle */}
<script src={'/public/js/' + this.props.clientFile}></script>
{ googleAnalyticsID && <script dangerouslySetInnerHTML={ {__html: ga.replace('{googleAnalyticsID}', googleAnalyticsID)} } /> }
</body>
</html>
);
}
}
module.exports = DefaultHTMLLayout;