@@ -301,7 +301,7 @@ <h3 id="constructor">Constructor</h3>
301301 < tbody >
302302 < tr >
303303 < td class ="col-md-4 ">
304- < code > constructor(userService: < a href ="../injectables/UserService.html " target ="_self "> UserService</ a > , postApiService: < a href ="../injectables/PostApiService.html " target ="_self "> PostApiService</ a > , toastService: < a href ="../injectables/ToastService.html " target ="_self "> ToastService</ a > , syncSchemaService: < a href ="../injectables/SyncSchemaService.html " target ="_self "> SyncSchemaService</ a > , platformId: < a href ="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object " target ="_blank "> Object</ a > )</ code >
304+ < code > constructor(userService: < a href ="../injectables/UserService.html " target ="_self "> UserService</ a > , loader: < a href =" ../injectables/GlobalLoaderService.html " target =" _self " > GlobalLoaderService </ a > , postApiService: < a href ="../injectables/PostApiService.html " target ="_self "> PostApiService</ a > , toastService: < a href ="../injectables/ToastService.html " target ="_self "> ToastService</ a > , syncSchemaService: < a href ="../injectables/SyncSchemaService.html " target ="_self "> SyncSchemaService</ a > , platformId: < a href ="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object " target ="_blank "> Object</ a > )</ code >
305305 </ td >
306306 </ tr >
307307 < tr >
@@ -343,6 +343,22 @@ <h3 id="constructor">Constructor</h3>
343343
344344 </ td >
345345 </ tr >
346+ < tr >
347+ < td > loader</ td >
348+
349+ < td >
350+ < code > < a href ="../injectables/GlobalLoaderService.html " target ="_self " > GlobalLoaderService</ a > </ code >
351+ </ td >
352+
353+ < td >
354+ No
355+ </ td >
356+
357+ < td >
358+ < p > Global loader overlay service</ p >
359+
360+ </ td >
361+ </ tr >
346362 < tr >
347363 < td > postApiService</ td >
348364
@@ -443,8 +459,8 @@ <h3>HostListeners</h3> <table class="table table-sm table-bordered">
443459
444460 < tr >
445461 < td class ="col-md-4 ">
446- < div class ="io-line "> Defined in < a href ="" data-line ="115 "
447- class ="link-to-prism "> src/app/app.component.ts:115 </ a > </ div >
462+ < div class ="io-line "> Defined in < a href ="" data-line ="122 "
463+ class ="link-to-prism "> src/app/app.component.ts:122 </ a > </ div >
448464 </ td >
449465 </ tr >
450466
@@ -514,8 +530,8 @@ <h3 id="methods">
514530
515531 < tr >
516532 < td class ="col-md-4 ">
517- < div class ="io-line "> Defined in < a href ="" data-line ="123 "
518- class ="link-to-prism "> src/app/app.component.ts:123 </ a > </ div >
533+ < div class ="io-line "> Defined in < a href ="" data-line ="130 "
534+ class ="link-to-prism "> src/app/app.component.ts:130 </ a > </ div >
519535 </ td >
520536 </ tr >
521537
@@ -557,8 +573,8 @@ <h3 id="methods">
557573
558574 < tr >
559575 < td class ="col-md-4 ">
560- < div class ="io-line "> Defined in < a href ="" data-line ="140 "
561- class ="link-to-prism "> src/app/app.component.ts:140 </ a > </ div >
576+ < div class ="io-line "> Defined in < a href ="" data-line ="147 "
577+ class ="link-to-prism "> src/app/app.component.ts:147 </ a > </ div >
562578 </ td >
563579 </ tr >
564580
@@ -596,8 +612,8 @@ <h3 id="methods">
596612
597613 < tr >
598614 < td class ="col-md-4 ">
599- < div class ="io-line "> Defined in < a href ="" data-line ="133 "
600- class ="link-to-prism "> src/app/app.component.ts:133 </ a > </ div >
615+ < div class ="io-line "> Defined in < a href ="" data-line ="140 "
616+ class ="link-to-prism "> src/app/app.component.ts:140 </ a > </ div >
601617 </ td >
602618 </ tr >
603619
@@ -639,8 +655,8 @@ <h3 id="methods">
639655
640656 < tr >
641657 < td class ="col-md-4 ">
642- < div class ="io-line "> Defined in < a href ="" data-line ="68 "
643- class ="link-to-prism "> src/app/app.component.ts:68 </ a > </ div >
658+ < div class ="io-line "> Defined in < a href ="" data-line ="70 "
659+ class ="link-to-prism "> src/app/app.component.ts:70 </ a > </ div >
644660 </ td >
645661 </ tr >
646662
@@ -688,8 +704,8 @@ <h3 id="methods">
688704
689705 < tr >
690706 < td class ="col-md-4 ">
691- < div class ="io-line "> Defined in < a href ="" data-line ="115 "
692- class ="link-to-prism "> src/app/app.component.ts:115 </ a > </ div >
707+ < div class ="io-line "> Defined in < a href ="" data-line ="122 "
708+ class ="link-to-prism "> src/app/app.component.ts:122 </ a > </ div >
693709 </ td >
694710 </ tr >
695711
@@ -862,7 +878,7 @@ <h3 id="inputs">
862878 </ tr >
863879 < tr >
864880 < td class ="col-md-4 ">
865- < div class ="io-line "> Defined in < a href ="" data-line ="56 " class ="link-to-prism "> src/app/app.component.ts:56 </ a > </ div >
881+ < div class ="io-line "> Defined in < a href ="" data-line ="57 " class ="link-to-prism "> src/app/app.component.ts:57 </ a > </ div >
866882 </ td >
867883 </ tr >
868884
@@ -929,13 +945,15 @@ <h3 id="inputs">
929945 * Initializes route tracking, section updates, PWA update listener, and services.
930946 *
931947 * @param userService Service for managing user preferences
948+ * @param loader Global loader overlay service
932949 * @param storageService Local storage schema sync service
933950 * @param postApiService Backend API post service
934951 * @param toastService Service for displaying toast notifications
935952 * @param platformId Angular platform ID to check if running in browser
936953 */
937954 constructor(
938955 public userService: UserService,
956+ private loader: GlobalLoaderService,
939957 private postApiService: PostApiService,
940958 private toastService: ToastService,
941959 private syncSchemaService: SyncSchemaService,
@@ -950,6 +968,11 @@ <h3 id="inputs">
950968 ngOnInit() {
951969 if (isPlatformBrowser(this.platformId)) {
952970
971+ // this.loader.show();
972+ // setTimeout(() => {
973+ // this.loader.hide();
974+ // }, 500);
975+
953976 this.syncSchemaService.syncAllSchema();
954977
955978 // Apply saved theme mode
@@ -982,10 +1005,10 @@ <h3 id="inputs">
9821005 this.deferredPrompt = event;
9831006 this.showInstallButton = true;
9841007 });
985- this.showSplash = true;
986- setTimeout(() => {
987- this.showSplash = false
988- }, 1500);
1008+ // this.showSplash = true;
1009+ // setTimeout(() => {
1010+ // this.showSplash = false
1011+ // }, 1500);
9891012 }
9901013 }
9911014
@@ -1039,13 +1062,10 @@ <h3 id="inputs">
10391062
10401063 < div class ="tab-pane fade " id ="templateData ">
10411064 < pre class ="line-numbers "> < code class ="language-html "> <main class="main">
1042- <app-splash-screen *ngIf="showSplash"></app-splash-screen>
1043- <div *ngIf="!showSplash">
1044- <app-global-loader></app-global-loader>
1045- <app-install-app-popup-component [showInstallButton]="showInstallButton"
1046- (installApp)="installApp()"></app-install-app-popup-component>
1047- <router-outlet></router-outlet>
1048- </div>
1065+ <app-global-loader></app-global-loader>
1066+ <app-install-app-popup-component [showInstallButton]="showInstallButton"
1067+ (installApp)="installApp()"></app-install-app-popup-component>
1068+ <router-outlet></router-outlet>
10491069</main></ code > </ pre >
10501070 </ div >
10511071
@@ -1081,7 +1101,7 @@ <h3 id="inputs">
10811101< script src ="../js/libs/htmlparser.js "> </ script >
10821102< script src ="../js/libs/deep-iterator.js "> </ script >
10831103< script >
1084- var COMPONENT_TEMPLATE = '<div><main class="main"> <app-splash-screen *ngIf="showSplash"></app-splash-screen> <div *ngIf="!showSplash"> <app- global-loader></app-global-loader> <app-install-app-popup-component [showInstallButton]="showInstallButton" (installApp)="installApp()"></app-install-app-popup-component> <router-outlet></router-outlet> </div ></main></div>'
1104+ var COMPONENT_TEMPLATE = '<div><main class="main"> <app-global-loader></app-global-loader> <app-install-app-popup-component [showInstallButton]="showInstallButton" (installApp)="installApp()"></app-install-app-popup-component> <router-outlet></router-outlet></main></div>'
10851105 var COMPONENTS = [ { 'name' : 'AddExpenseComponent' , 'selector' : 'app-add-expense' } , { 'name' : 'AiComponent' , 'selector' : 'app-ai' } , { 'name' : 'AppComponent' , 'selector' : 'app-root' } , { 'name' : 'BudgetComponent' , 'selector' : 'app-budget' } , { 'name' : 'CalendarComponent' , 'selector' : 'app-calendar' } , { 'name' : 'CategoryDropdownComponent' , 'selector' : 'app-category-dropdown' } , { 'name' : 'DownloadComponentComponent' , 'selector' : 'app-download-component' } , { 'name' : 'ExpenseDetailsModalComponent' , 'selector' : 'app-expense-details-modal' } , { 'name' : 'ExpenseListComponent' , 'selector' : 'app-expense-list' } , { 'name' : 'ExpenseWiseComponent' , 'selector' : 'app-expense-wise' } , { 'name' : 'FooterComponent' , 'selector' : 'app-footer' } , { 'name' : 'FormModelComponent' , 'selector' : 'app-form-model' } , { 'name' : 'GlobalLoaderComponent' , 'selector' : 'app-global-loader' } , { 'name' : 'GraphsComponent' , 'selector' : 'app-graphs' } , { 'name' : 'HamburgerMenuComponent' , 'selector' : 'app-hamburger-menu' } , { 'name' : 'HomeComponent' , 'selector' : 'app-home' } , { 'name' : 'InstallAppPopupComponentComponent' , 'selector' : 'app-install-app-popup-component' } , { 'name' : 'ListExpensesComponent' , 'selector' : 'app-list-expenses' } , { 'name' : 'MusicComponent' , 'selector' : 'app-music' } , { 'name' : 'NavbarComponent' , 'selector' : 'app-navbar' } , { 'name' : 'PieChartComponent' , 'selector' : 'app-pie-chart' } , { 'name' : 'PlaylistMusicComponent' , 'selector' : 'app-playlist-music' } , { 'name' : 'SearchButtonComponent' , 'selector' : 'app-search-button' } , { 'name' : 'SearchMusicComponent' , 'selector' : 'app-search-music' } , { 'name' : 'SettingItemComponent' , 'selector' : 'app-setting-item' } , { 'name' : 'SettingsComponent' , 'selector' : 'app-settings' } , { 'name' : 'SidebarComponent' , 'selector' : 'app-sidebar' } , { 'name' : 'SplashScreenComponent' , 'selector' : 'app-splash-screen' } , { 'name' : 'TemplatePlaygroundComponent' , 'selector' : 'template-playground-root' } , { 'name' : 'ToastComponent' , 'selector' : 'app-toast' } ] ;
10861106 var DIRECTIVES = [ ] ;
10871107 var ACTUAL_COMPONENT = { 'name' : 'AppComponent' } ;
0 commit comments