New recordings DB cache to deeply speed-up recordings list management

src/app/app.module.ts

@@ -12,9 +12,10 @@ import { AboutPage } from './pages/about/about.page';
 import { MainPage } from './pages/main/main.page';
 import { SettingsPage } from './pages/settings/settings.page';
 import { FilesizePipe } from './pipes/filesize.pipe';
+import { RecordingsSortPipe } from './pipes/recordings-sort.pipe';
 import { ToHmsPipe } from './pipes/to-hms.pipe';
+import { RecordingsService } from './services/recordings.service';
 import { SettingsService } from './services/settings.service';
-import { RecordingsSortPipe } from './pipes/recordings-sort.pipe';
 
 @NgModule({
   declarations: [
@@ -37,7 +38,7 @@ import { RecordingsSortPipe } from './pipes/recordings-sort.pipe';
     RouterModule,
   ],
   providers: [
-    { provide: APP_INITIALIZER, useFactory: appInitializer, deps: [ SettingsService ], multi: true },
+    { provide: APP_INITIALIZER, useFactory: appInitializer, deps: [ RecordingsService, SettingsService ], multi: true },
     { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
     { provide: LOCALE_ID, useFactory: (settings: SettingsService) => settings.deviceCulture, deps: [ SettingsService ] },
   ],
@@ -50,10 +51,15 @@ export class AppModule {}
 /**
  * Load settings and set languages before app start
  */
-function appInitializer(settings: SettingsService) {
+function appInitializer(recordingsService: RecordingsService, settings: SettingsService) {
   return async () => {
+
+    // initialize recordings service
+    await recordingsService.initialize();
+
     // initialize settings
-    return await settings.initialize();
+    await settings.initialize();
+
   }
 }
 

src/app/models/recording.ts

@@ -25,8 +25,8 @@ export class Recording {
   // Call direction
   direction!: 'in' | 'out' | 'conference' | '';
 
-  // Recording date
-  date: Date = new Date();
+  // Recording date (JS timestamp)
+  date: number = 0;
 
   // Recording duration (in seconds)
   duration: number = 0;
@@ -40,6 +40,9 @@ export class Recording {
   // Audio file MIME type
   mimeType: string = '';
 
+  // record status
+  status?: 'new' | 'unchanged' | 'deleted' = 'new';
+
   /**
    * Use createInstance()...
    */
@@ -59,7 +62,7 @@ export class Recording {
     // save Android file props
     res.filesize = file.size;
     res.mimeType = file.type;
-    res.date = new Date(file.lastModified);
+    res.date = file.lastModified;
     res.opName = file.name;
     res.opNumber = file.name;
 
@@ -85,7 +88,7 @@ export class Recording {
     res.simSlot = metadata.sim_slot ?? 0;
     res.duration = Math.ceil(metadata.output?.recording?.duration_secs_total ?? 0);
     if (metadata.timestamp_unix_ms) {
-      res.date = new Date(metadata.timestamp_unix_ms);
+      res.date = metadata.timestamp_unix_ms;
     }
 
     // extract "other party" data

src/app/pages/main/main.page.ts

@@ -4,15 +4,15 @@ import { MessageBoxService } from 'src/app/services/message-box.service';
 import { RecordingsService } from 'src/app/services/recordings.service';
 import { SettingsService } from 'src/app/services/settings.service';
 import { bringIntoView } from 'src/app/utils/scroll';
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 import version from '../../version';
 
 @Component({
   selector: 'app-main',
   templateUrl: './main.page.html',
   styleUrls: ['./main.page.scss'],
 })
-export class MainPage implements OnInit {
+export class MainPage {
 
   version = version;
   selectedItem?: Recording;
@@ -23,10 +23,6 @@ export class MainPage implements OnInit {
     protected settings: SettingsService,
   ) { }
 
-  ngOnInit(): void {
-    this.refreshList();
-  }
-
   refreshList() {
     this.recordingsService.refreshContent();
   }
@@ -63,7 +59,6 @@ export class MainPage implements OnInit {
       confirmText: 'Delete',
       onConfirm: () => {
         this.recordingsService.deleteRecording(item);
-        this.recordingsService.refreshContent();
       }
     });
 

src/app/pages/settings/settings.page.html

@@ -2,7 +2,7 @@
 
 <ion-content id="main-content" class="ion-padding">
 
-  <ion-list class="config-items" lines="none">
+  <ion-list class="config-items" lines="full">
 
     <ion-item-divider>
       <h4>General</h4>
@@ -15,6 +15,11 @@ <h2>BCR recordings directory</h2>
       </ion-label>
     </ion-item>
 
+    <ion-item>
+      <ion-label>Cache</ion-label>
+      <ion-button [disabled]="recordingsService.refreshProgress | async" (click)="clearCache()">Clear</ion-button>
+    </ion-item>
+
     <ion-item-divider>
       <h4>Recordings</h4>
     </ion-item-divider>

src/app/pages/settings/settings.page.ts

@@ -1,4 +1,5 @@
 import { SortMode } from 'src/app/pipes/recordings-sort.pipe';
+import { MessageBoxService } from 'src/app/services/message-box.service';
 import { RecordingsService } from 'src/app/services/recordings.service';
 import { Component } from '@angular/core';
 import { SettingsService } from '../../services/settings.service';
@@ -13,6 +14,7 @@ export class SettingsPage {
   SortMode = SortMode;
 
   constructor(
+    private mbs: MessageBoxService,
     protected settings: SettingsService,
     protected recordingsService: RecordingsService,
   ) { }
@@ -25,4 +27,14 @@ export class SettingsPage {
     this.recordingsService.selectRecordingsDirectory();
   }
 
+  clearCache() {
+    this.mbs.showConfirm({
+      header: 'Clear cache',
+      message: 'Do you really want to clear the cache and reload all recordings?',
+      onConfirm: () => {
+        this.recordingsService.refreshContent(true);
+      }
+    });
+  }
+
 }

src/app/pipes/recordings-sort.pipe.ts

@@ -30,14 +30,14 @@ export class RecordingsSortPipe implements PipeTransform {
 
     switch (sortMode) {
       // date
-      case SortMode.Date_ASC: return (a: Recording, b: Recording) => (a.date.getTime() - b.date.getTime());
+      case SortMode.Date_ASC: return (a: Recording, b: Recording) => (a.date - b.date);
 
       // duration
       case SortMode.Duration_ASC: return (a: Recording, b: Recording) => (a.duration - b.duration);
       case SortMode.Duration_DESC: return (a: Recording, b: Recording) => (b.duration - a.duration);
 
       // Date_DESC is the default mode
-      default: return (a: Recording, b: Recording) => (b.date.getTime() - a.date.getTime());
+      default: return (a: Recording, b: Recording) => (b.date - a.date);
     }
   }