Add beautiful loading bar

2 files changed, 6 insertions, 0 deletions

diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index da4273dda..1a808b397 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -34,5 +34,6 @@
   </div>
 </div>
 
+<ngx-loading-bar [includeSpinner]="false" color="#F1680D"></ngx-loading-bar>
 <my-confirm></my-confirm>
 <simple-notifications [options]="notificationOptions"></simple-notifications>
diff --git a/client/src/app/shared/shared.module.ts b/client/src/app/shared/shared.module.ts
index d0e163f69..5af118c98 100644
--- a/client/src/app/shared/shared.module.ts
+++ b/client/src/app/shared/shared.module.ts
@@ -3,6 +3,7 @@ import { HttpClientModule } from '@angular/common/http'
 import { NgModule } from '@angular/core'
 import { FormsModule, ReactiveFormsModule } from '@angular/forms'
 import { RouterModule } from '@angular/router'
+import { LoadingBarHttpClientModule } from '@ngx-loading-bar/http-client'
 
 import { BsDropdownModule } from 'ngx-bootstrap/dropdown'
 import { ModalModule } from 'ngx-bootstrap/modal'
@@ -33,6 +34,8 @@ import { VideoService } from './video/video.service'
     RouterModule,
     HttpClientModule,
 
+    LoadingBarHttpClientModule,
+
     BsDropdownModule.forRoot(),
     ModalModule.forRoot(),
 
@@ -59,6 +62,8 @@ import { VideoService } from './video/video.service'
     RouterModule,
     HttpClientModule,
 
+    LoadingBarHttpClientModule,
+
     BsDropdownModule,
     ModalModule,
     DataTableModule,