Improve search

src/app/pages/search/search.page.html

@@ -1,6 +1,7 @@
 
 <!-- HEADER-->
 <ion-header class="ion-no-border header-main d-flex ion-justify-content-between">
+  <ion-progress-bar type="indeterminate" class="loader" *ngIf="showLoader"></ion-progress-bar>
   <ion-form>
     <div class="d-flex search-input-container ion-justify-content-between" >
       <div class="icon" (click)="basicSearch()">

src/app/pages/search/search.page.scss

@@ -281,3 +281,15 @@ ion-slide{
 
   }
 }
+
+
+.loader{
+  position: absolute;
+  margin-top: -14px;
+  width: calc(100% - 39px);
+}
+
+
+.swiper-container{
+  width: 100%;
+} 

src/app/pages/search/search.page.ts

@@ -33,6 +33,8 @@ export class SearchPage implements OnInit {
   showDocuments = false;
   showAdvanceSearch = false;
 
+  showLoader: boolean;
+
   height: number = 411;
   width: number = 411;
 
@@ -110,6 +112,8 @@ export class SearchPage implements OnInit {
       
       console.log('aplication type 0');
 
+      this.showLoader = true;
+
       this.search.basicSearch(this.searchSubject, this.searchDocumentDate, this.searchSender
         ,this.searchOrganicEntiry, this.searchDocTypeId, '0').subscribe(res=>{
         console.log(res);
@@ -132,11 +136,14 @@ export class SearchPage implements OnInit {
           this.showDocuments = false
         }
         
+        this.showLoader = false;
       });
     } else if (APPType == '8,361'){
 
       console.log('aplication type 8,361');
       
+      this.showLoader = true;
+
       this.search.basicSearch(this.searchSubject, this.searchDocumentDate, this.searchSender
         ,this.searchOrganicEntiry, this.searchDocTypeId, '8').subscribe(res=>{
         console.log(res);
@@ -183,9 +190,12 @@ export class SearchPage implements OnInit {
           this.showDocuments = false
         }
         
+        this.showLoader = false;
       });
     } else if (APPType == '386'){
       
+      this.showLoader = true;
+
       console.log('aplication type 386');
 
       this.search.basicSearch(this.searchSubject, this.searchDocumentDate, this.searchSender
@@ -210,6 +220,7 @@ export class SearchPage implements OnInit {
           this.showDocuments = false
         }
         
+        this.showLoader = false;
       });
     }