gabdlr/groceries-price-tracker
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: add loading screen on app initialization

Browse Source
This commit is contained in:
Gabriel De Los Rios
2026-01-01 22:33:18 -03:00
parent 92e426b316
commit 7952e5632a
2 changed files with 9 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/app.config.ts
View File

@@ -9,7 +9,7 @@ export const appConfig: ApplicationConfig = {
providers: [ providers: [
provideAppInitializer(() => { provideAppInitializer(() => {
const sqlite = inject(Sqlite); const sqlite = inject(Sqlite);
return sqlite.initializeDatabase('gptdb'); return sqlite.initializeDatabase('gptdb').then( () => document.dispatchEvent(new CustomEvent('ng-boot')))
}), }),
{provide: WebSqlite, useClass: WebSqlite}, {provide: WebSqlite, useClass: WebSqlite},
provideBrowserGlobalErrorListeners(), provideBrowserGlobalErrorListeners(),

8
src/index.html
View File

@@ -6,8 +6,16 @@
<base href="/"> <base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico"> <link rel="icon" type="image/x-icon" href="favicon.ico">
<link rel="preload" href="/scan-loading-screen/scan-loading-screen.css" as="style" />
</head> </head>
<body> <body>
<scan-loading-screen></scan-loading-screen>
<app-root></app-root> <app-root></app-root>
<script src="/scan-loading-screen/scan-loading-screen.js" fetchpriority="high"></script>
<script>
document.addEventListener('ng-boot', () => {
document.querySelector('scan-loading-screen').remove();
})
</script>
</body> </body>
</html> </html>