diff --git a/app/client/src/js/_graphql.js b/app/client/src/js/_graphql.js index 8e0064f..a42b3fe 100644 --- a/app/client/src/js/_graphql.js +++ b/app/client/src/js/_graphql.js @@ -1,11 +1,26 @@ import '@a2nt/mithril-ui/src/js/ui' -const m = require("mithril") // eslint-disable-line +import Events from '@a2nt/ss-bootstrap-ui-webpack-boilerplate-react/src/js/_events' +const m = require("mithril") // eslint-disable-line const MainContentContainer = document.getElementById('MainContent') const MainContent = document.createElement('div') -MainContent.classList.add('page--container') -MainContentContainer.append(MainContent) +if (!MainContentContainer.dataset['legacy']) { + MainContent.classList.add('page--container') + MainContentContainer.append(MainContent) -const page = require('@a2nt/mithril-ui/src/js/ui/page/tpl') -m.mount(MainContent, page) + const page = require('@a2nt/mithril-ui/src/js/ui/page/tpl') + m.mount(MainContent, page) +} else { + // legacy fallback + const spinner = document.getElementById('PageLoading') + if (spinner) { + window.addEventListener(`${Events.LOADED}`, () => { + spinner.classList.add('d-none') + }) + + window.addEventListener(`${Events.AJAX}`, () => { + spinner.classList.add('d-none') + }) + } +} diff --git a/app/templates/App/Pages/Layout/HomePage.ss b/app/templates/App/Pages/Layout/HomePage.ss index de2fdea..8c14a06 100644 --- a/app/templates/App/Pages/Layout/HomePage.ss +++ b/app/templates/App/Pages/Layout/HomePage.ss @@ -1,13 +1,11 @@ -<% cached 'HomePage', $LastEdited, $ID %> - <% include PageHeader %> +<% include PageHeader %> - <% include Content ExcludeHeader=true %> +<% include Content ExcludeHeader=true %> - <%-- div class="page-content page-content-main page-content-extra"> -
-
- -
+<%-- div class="page-content page-content-main page-content-extra"> +
+
+
-
-<% end_cached %> +
+