import React from 'react';
import ApplicationStore from '../stores/ApplicationStore';

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="/custom_modules/custom-semantic-ui/dist/semantic.min.css" rel="stylesheet" type="text/css" />
                <link href="/assets/css/custom.css" rel="stylesheet" type="text/css" />
            </head>
            <body>
                <div id="app" dangerouslySetInnerHTML={{__html: this.props.markup}}></div>
                {/* Following are added only to support IE browser */}
                <script src="/bower_components/es5-shim/es5-shim.min.js" defer></script>
                <script src="/bower_components/es5-shim/es5-sham.min.js" defer></script>
                <script src="/bower_components/json3/lib/json3.min.js" defer></script>
                <script src="/bower_components/es6-shim/es6-shim.min.js" defer></script>
                <script src="/bower_components/es6-shim/es6-sham.min.js" defer></script>
                {/* Above are added only to support IE browser */}
                <script dangerouslySetInnerHTML={{__html: this.props.state}} defer></script>
                <script src="/bower_components/jquery/dist/jquery.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/progress.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/accordion.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/transition.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/popup.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/dropdown.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/checkbox.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/dimmer.min.js" defer></script>
                <script src="/custom_modules/custom-semantic-ui/dist/components/modal.min.js" defer></script>
                {/* All external vendors bundle*/}
                <script src="/public/js/vendor.bundle.js" defer></script>
                <script src="/bower_components/ckeditor/ckeditor.js" defer></script>
                <script type="javascript">
                    CKEDITOR.disableAutoInline = true; //need to disable auto-initate to config inline toolbars
                </script>
                {/* Main app bundle */}
                <script src={'/public/js/' + this.props.clientFile} defer></script>
            </body>
            </html>
        );
    }
}

export default DefaultHTMLLayout;

@@ -899,37 +899,37 @@
 s5-shim.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -988,37 +988,37 @@
 s5-sham.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1075,37 +1075,37 @@
 b/json3.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1164,37 +1164,37 @@
 s6-shim.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1253,37 +1253,37 @@
 s6-sham.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1421,21 +1421,21 @@
 state%7D%7D 
-defer
+async
 %3E%3C/scrip
@@ -1503,37 +1503,37 @@
 /jquery.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1616,37 +1616,37 @@
 rogress.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1730,37 +1730,37 @@
 cordion.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1845,37 +1845,37 @@
 nsition.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -1955,37 +1955,37 @@
 s/popup.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -2068,37 +2068,37 @@
 ropdown.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -2181,37 +2181,37 @@
 heckbox.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -2292,37 +2292,37 @@
 /dimmer.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A     
@@ -2406,29 +2406,29 @@
 dal.min.js%22 
-defer
+async
 %3E%3C/script%3E%0A 
@@ -2531,29 +2531,29 @@
 .bundle.js%22 
-defer
+async
 %3E%3C/script%3E%0A 
@@ -2620,21 +2620,21 @@
 tor.js%22 
-defer
+async
 %3E%3C/scrip

test 2 async load of js files