speechrecorderng 2.22.0 → 2.22.1

package/fesm2020/speechrecorderng.mjs

@@ -1448,6 +1448,7 @@ class RecordingFile {
         this.date = null;
         this._dateAsDateObj = null;
         this.startedDate = null;
+        this._startedAsDateObj = null;
         this.audioBuffer = null;
         this.session = null;
         this.frames = null;
@@ -10643,15 +10644,44 @@ class RecordingList {
         this.recordingListDataSource = new MatTableDataSource();
     }
     ngAfterViewInit() {
-        this.recordingListDataSource.data = this.recordingList.reverse();
+        this.buildDataSource();
+    }
+    buildDataSource() {
+        this.recordingList.sort((a, b) => {
+            let cmp = 0;
+            let aD = null;
+            let bD = null;
+            if (a._startedAsDateObj && b._startedAsDateObj) {
+                aD = a._startedAsDateObj;
+                bD = b._startedAsDateObj;
+            }
+            else if (a.startedDate && b.startedDate) {
+                aD = new Date(a.startedDate);
+                bD = new Date(b.startedDate);
+            }
+            else if (a.date && b.date) {
+                aD = new Date(a.date);
+                bD = new Date(b.date);
+            }
+            if (aD !== null && bD !== null) {
+                cmp = bD.getTime() - aD.getTime();
+            }
+            return cmp;
+        });
+        this.recordingListDataSource.data = this.recordingList;
     }
     push(rf) {
         this.recordingList.push(rf);
-        this.recordingListDataSource.data = this.recordingList.reverse();
+        this.buildDataSource();
     }
     selectRecordingFile(rf) {
         this.selectedRecordingFileChanged.emit(rf);
     }
+    selectTop() {
+        if (this.recordingList.length > 0) {
+            this.selectRecordingFile(this.recordingList[0]);
+        }
+    }
     lengthTimeFormatted(rf) {
         let str = '--:--:--';
         if (rf.frames && rf.audioBuffer) {
@@ -10671,15 +10701,15 @@ RecordingList.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version:
       <tr mat-header-row *matHeaderRowDef="cols;sticky:true"></tr>
       <tr mat-row *matRowDef="let element; columns: cols;" [scrollIntoViewToBottom]="element.uuid===selectedRecordingFile?.uuid"></tr>
       <ng-container matColumnDef="index">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>#</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>#</th>
         <td mat-cell class="monospaced" *matCellDef="let element;let i = index">{{recordingListDataSource.data.length-i}}</td>
       </ng-container>
       <ng-container matColumnDef="startedDate">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Started</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>Started</th>
         <td mat-cell class="monospaced" *matCellDef="let element">{{element.startedDate | date:'YYYY-MM-dd HH:mm:ss'}}</td>
       </ng-container>
       <ng-container matColumnDef="length">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Length</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>Length</th>
         <td mat-cell class="monospaced" *matCellDef="let element">{{lengthTimeFormatted(element)}}</td>
       </ng-container>
       <ng-container matColumnDef="action">
@@ -10703,15 +10733,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
       <tr mat-header-row *matHeaderRowDef="cols;sticky:true"></tr>
       <tr mat-row *matRowDef="let element; columns: cols;" [scrollIntoViewToBottom]="element.uuid===selectedRecordingFile?.uuid"></tr>
       <ng-container matColumnDef="index">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>#</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>#</th>
         <td mat-cell class="monospaced" *matCellDef="let element;let i = index">{{recordingListDataSource.data.length-i}}</td>
       </ng-container>
       <ng-container matColumnDef="startedDate">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Started</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>Started</th>
         <td mat-cell class="monospaced" *matCellDef="let element">{{element.startedDate | date:'YYYY-MM-dd HH:mm:ss'}}</td>
       </ng-container>
       <ng-container matColumnDef="length">
-        <th mat-header-cell *matHeaderCellDef mat-sort-header>Length</th>
+        <th mat-header-cell *matHeaderCellDef mat-header>Length</th>
         <td mat-cell class="monospaced" *matCellDef="let element">{{lengthTimeFormatted(element)}}</td>
       </ng-container>
       <ng-container matColumnDef="action">
@@ -10747,6 +10777,9 @@ class RecorderCombiPane {
     selectRecordingFile(rf) {
         this.selectedRecordingFileChanged.emit(rf);
     }
+    selectTop() {
+        this.recordingListComp.selectTop();
+    }
 }
 RecorderCombiPane.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.1", ngImport: i0, type: RecorderCombiPane, deps: [], target: i0.ɵɵFactoryTarget.Component });
 RecorderCombiPane.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.1", type: RecorderCombiPane, selector: "app-recordercombipane", inputs: { selectDisabled: "selectDisabled", selectedRecordingFile: "selectedRecordingFile", audioSignalCollapsed: "audioSignalCollapsed", displayAudioClip: "displayAudioClip", playStartAction: "playStartAction", playSelectionAction: "playSelectionAction", autoPlayOnSelectToggleAction: "autoPlayOnSelectToggleAction", playStopAction: "playStopAction" }, outputs: { selectedRecordingFileChanged: "selectedRecordingFileChanged" }, viewQueries: [{ propertyName: "recordingListComp", first: true, predicate: RecordingList, descendants: true }, { propertyName: "audioDisplay", first: true, predicate: AudioDisplay, descendants: true, static: true }], ngImport: i0, template: `
@@ -11046,8 +11079,12 @@ class AudioRecorder {
                 if (rfs) {
                     if (rfs instanceof Array) {
                         rfs.forEach((rf) => {
-                            //console.debug("Already recorded: " + rf+ " "+rf.recording.itemcode);
-                            //this.addRecordingFileByDescriptor(rf);
+                            if (rf.startedDate) {
+                                rf._startedAsDateObj = new Date(rf.startedDate);
+                            }
+                            if (rf.date) {
+                                rf._dateAsDateObj = new Date(rf.date);
+                            }
                             this.recorderCombiPane.push(rf);
                         });
                     }
@@ -11511,9 +11548,10 @@ class AudioRecorder {
                 }
             });
         }
-        if (this.recorderCombiPane.recordingListComp.recordingList.length > 0) {
-            this.selectRecordingFile(this.recorderCombiPane.recordingListComp.recordingList[0]);
-        }
+        // if(this.recorderCombiPane.recordingListComp.recordingList.length>0){
+        //   this.selectRecordingFile(this.recorderCombiPane.recordingListComp.recordingList[0]);
+        // }
+        this.recorderCombiPane.selectTop();
         this.enableNavigation();
     }
     isRecording() {
@@ -11617,7 +11655,10 @@ class AudioRecorder {
             //   it.recs = new Array<RecordingFile>();
             // }
             let rf = new RecordingFile(UUID.generate(), sessId, ad);
-            rf.startedDate = this.startedDate;
+            rf._startedAsDateObj = this.startedDate;
+            if (rf._startedAsDateObj) {
+                rf.startedDate = rf._startedAsDateObj.toString();
+            }
             // it.recs.push(rf);
             //
             // if (this.enableUploadRecordings) {
@@ -11649,7 +11690,7 @@ class AudioRecorder {
                 this.displayRecFile = rf;
                 //this.recordingListComp.recordingList.push(rf);
                 this.recorderCombiPane.push(rf);
-                this.postRecordingMultipart(wavFile, rf.uuid, rf.session, rf.startedDate, recUrl);
+                this.postRecordingMultipart(wavFile, rf.uuid, rf.session, rf._startedAsDateObj, recUrl);
                 this.processingRecording = false;
                 this.changeDetectorRef.detectChanges();
             });
@@ -11948,7 +11989,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.1", ngImpor
                 }]
         }] });
 
-const VERSION = '2.22.0';
+const VERSION = '2.22.1';
 
 /*
  * Public API Surface of speechrecorderng