frontend CHANGE use Material library to show loading in progress
diff --git a/frontend/netopeer.module.ts b/frontend/netopeer.module.ts
index 82c17ba..8cf44df 100644
--- a/frontend/netopeer.module.ts
+++ b/frontend/netopeer.module.ts
@@ -9,6 +9,11 @@
 
 import { AuthGuard } from 'app/utils/auth.guard';
 
+import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+
+import { LoadingComponent } from './common/loading/loading.component';
+
 import { NetopeerComponent } from './netopeer.component';
 import { DashboardComponent } from './dashboard.component';
 import { InventoryComponent } from './inventory/inventory.component';
@@ -22,7 +27,6 @@
 
 import { SessionsService } from './config/sessions.service'
 
-
 const routes: Routes = [
   { path : 'netopeer', component : NetopeerComponent, canActivate : [AuthGuard],
     data : { role : 10, name : 'Netopeer', description : 'Network Management Center', icon : 'fa-user-secret' },
@@ -49,7 +53,9 @@
     ReactiveFormsModule,
     HttpModule,
     NgbModule.forRoot(),
-    RouterModule.forChild(routes)
+    RouterModule.forChild(routes),
+    MatProgressSpinnerModule,
+    MatProgressBarModule,
   ],
   declarations: [
     NetopeerComponent,
@@ -58,6 +64,7 @@
     InventorySchemasComponent,
     InventoryDevicesComponent,
     ConfigComponent,
+    LoadingComponent,
     CheckLeafValue,
     TreeScrollTo,
     TreeIndent,