index.html
<!--[if HTML5]><![endif]-->
<!DOCTYPE html>
<html data-bind="attr: { lang: config().locale, 'class': pageClass }">
<!-- TODO: change the content in the file to your app's needs -->
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta charset="UTF-8">
<meta name="fragment" content="!">
<meta data-bind="attr: { content: page.data.statusCode || 200 }" name="prerender-status-code">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>knockout-spa</title>
</head>
<body>
<div class="wrapper">
<!-- ko template: 'app/shared/header' --><!-- /ko -->
<noscript>
<div class="error-container">
<h3 class="label label-danger">In order to use the site, please enable JavaScript in the browser.</h3>
</div>
</noscript>
<main data-bind="template: { name: page.path, data: page.data,
afterRender: function () {
page.data.afterRender && page.data.afterRender();
afterRenderExtra && afterRenderExtra(page.name, page.data, page.path);
}
}"
role="main"></main>
<div data-bind="visible: loading || page.data.loading"
style="position: fixed; top: calc(50% - 20px); left: calc(50% - 20px);">
<img src="/app/shared/icon-spinner.svg" width="40" height="40">
</div>
<!-- ko template: 'app/shared/footer' --><!-- /ko -->
</div>
<script data-main="app" src="/node_modules/requirejs/require.js"></script>
<script>
require.config({
baseUrl: '/',
waitSeconds: 60
});
require.onError = function (err) {
err.requireModules && err.requireModules.length && err.requireModules.forEach(function (module) {
require.undef(module);
});
throw err;
};
</script>
</body>
</html>